Basic Tabs

First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.


Color Tabs

Add class .primary-tab to .nav-tabs

First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Add class .success-tab to .nav-tabs

First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Add class .info-tab to .nav-tabs

First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Add class .warning-tab to .nav-tabs

First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Add class .danger-tab to .nav-tabs

First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Add class .inverse-tab to .nav-tabs

First Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Second Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

Third Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend justo nec est lacinia, at pellentesque est posuere. In maximus ligula nibh, ac fermentum erat gravida vestibulum. Duis finibus turpis odio.

loader