## Basics

Understanding tabs and how to use navs and grids to create tabs.

Basically, you can create a tab using any type of nav by adding few data attributes and companying it with a `.tab-content`. You can use Bootstrap grids to create vertical tabs. We provide both horizontal and vertical examples.

##### Horizontal

Tab 1 - Home
Tab 2 - Profile
Tab 3 - Contact

##### Vertical

Tab 1 - Home
Tab 2 - Profile
Tab 3 - Contact

## Variations

We designed special navs to be use in your tabs, both horizontal and vertical.

###### `.nav-tabs`

###### `.nav-tabs-minimal`

###### `.nav-tabs-outline`

###### Separated

###### `.nav-tabs-border`

###### `.nav-tabs-gray`

###### `.nav-tabs-shadow`