container-header

Tabs & Accordions

container-breadcrumb
Settings
Fixed sidebar
Fixed footer
Fixed top navbar
Collapse sidebar
Boxed
Background
Default
Dark
Light
Themes
Default
White Light
Blue Navy
Blue Sky
Lime Lemon
Star Dust
Green Tea
Orange Round
Yellow Sun
Deep Purple
Yummy Chocolate
Dark Night
Soft Green
Wheel Red

Tabs

Tabs Basic

CSS Classes: .tab,.tab-content, .navand .nav-tabs

First Tab Content

Second Tab Content

Third Tab Content

Tabs Dropdown

CSS Classes: .tabwidth .dropdown

First Tab Content

Second Tab Content

Third Tab Content

Tabs Theme

CSS Classes: .tabwith .tab-theme

Second Tab Content

Second Tab Content

Third Tab Content

Change the color theme to see how the tabs colors changes:

Tabs Left

CSS Classes: Just add .tabs-leftwith the .tabclass

First Tab Content

Second Tab Content

Third Tab Content

Tabs Hover

To make tabs activated on hover, add data-toggle="tab-hover"to the aelements in the nav-tabslist.

First Tab Content

Second Tab Content

Third Tab Content

Configuration Tab Content

Tabs Separation

CSS Classes: .tab-1p, .tab-2p, .tab-4por .tab-8p

Example: .tab-1p

First Tab Content

Second Tab Content

Third Tab Content

Tabs Bootstrap Colors

CSS Classes: .tabwith .tab-default, .tab-primary, .tab-info, .tab-success, .tab-warning, .tab-dangeror .tab-inverse

Example: .tab-warning

First Tab Content

Second Tab Content

Third Tab Content

Third Tab Content

Tabs Bottom

CSS Classes: .tabs-bottom

First Tab Content

Second Tab Content

Third Tab Content

Tabs Right

CSS Classes: Just add .tabs-rightwith the .tabclass

First Tab Content

Second Tab Content

Third Tab Content

Panel with Tabs

Home

Profile

Messages

Configuration

CSS Classes: .panel .panel-heading .panel-control

Lorem ipsum dolor sit amet.

Accordions