https://github.com/dbtek/bootstrap-vertical-tabs

Missing vertical tabs component for bootstrap.
https://github.com/dbtek/bootstrap-vertical-tabs

bootstrap css tabs vertical-tabs

Last synced: about 12 hours ago
JSON representation

Missing vertical tabs component for bootstrap.

• Host: GitHub
• URL: https://github.com/dbtek/bootstrap-vertical-tabs
• Owner: dbtek
• License: mit
• Created: 2013-12-01T13:49:30.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2019-05-23T07:15:27.000Z (over 5 years ago)
• Last Synced: 2024-04-14T05:24:26.356Z (8 months ago)
• Topics: bootstrap, css, tabs, vertical-tabs
• Language: HTML
• Homepage: dbtek.github.io/bootstrap-vertical-tabs
• Size: 1.11 MB
• Stars: 486
• Watchers: 41
• Forks: 162
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Bootstrap Vertical Tabs ![bower version](http://img.shields.io/bower/v/bootstrap-vertical-tabs.svg)

=======================

Vertical tabs component for Bootstrap 3.

![screenshot](screenshot.png)

### Install

* Via npm:

```bash

 $ npm i -S bootstrap-vertical-tabs

```

* Via bower (recommended):

```bash

 $ bower install bootstrap-vertical-tabs

```

* Or you can just clone, [download](https://github.com/dbtek/bootstrap-vertical-tabs/releases) from GitHub.

### Usage

* [Get](https://github.com/dbtek/bootstrap-vertical-tabs#install) the package.

* Include css in your html. / Load with webpack or css processors.

* Use it.

#### Left Tabs

```html

 

    

    


      
Home

      
Profile

      
Messages

      
Settings

    





    

    


      
Home Tab.

      
Profile Tab.

      
Messages Tab.

      
Settings Tab.

    



```


#### Right Tabs

```html



  

  


    
Home Tab.

    
Profile Tab.

    
Messages Tab.

    
Settings Tab.

  



 

  

  


    
Home

    
Profile

    
Messages

    
Settings

  



```

#### Sideways Tabs :new:


Add `sideways` class to tabs.

Example:

```

  


    ...

```


![screenshot vertical texts](screenshot-v.png)

Further, take a look at included demo!

### License

[MIT](opensource.org/licenses/MIT)

### Author

Ismail Demirbilek, [@dbtek](http://twitter.com/dbtek).