Skip to content

tabcontainer

Russell Hite edited this page Jun 28, 2017 · 1 revision

This partial is where to go if you need to style a tabcontainer.

Tabcontainer Structure

lines 7-42
This shows the basic class structure of a tabcontainer. It is made of two sections the tabs and their content.

Extra Styles

The remaining classes are predefined classes that you can use outright or tweak to the needs of your designs.

.tab-pills

lines 50-75
This detaches the tabs from the content and shades them like pills

.tab-lined

lines 82-120
This removes the background and leaves the border bottom

.tab-justified

lines 127-157 This makes all the tabs and equal width

.tab-bordered

lines 164-177 This wraps the tabcontainer content with a border

Clone this wiki locally