Tabs

Tabs are created using Bootstrap Native Tabs, they will work as the same way how it works in bootstrap, but it is styled to pages color scheme.To add a Tabs to pages please refer following guidelines

Bootstrap Documentation

Creating a Tab

Place this HTML code in any "Pages" html file

Tip : Tabs Make sure you keep the tab pane ID's unique

Tab Orientation

To change tab orientation, create a tab like before using the above code, add the class nav-tabs-left or nav-tabs-leftto nav nav-tabs UL element

Tab Styles

To change tab styles, create a tab like before using the first code in Create Tab section, add the class nav-tabs-linetriangle or nav-tabs-fillup to nav nav-tabs UL element

Tip : Tabs You can try different orientation with tab styles

Sliding Tabs

Append slide-left or slide-right to tab-pane to reveal tab content with a sliding effect

Responsive Tabs

Responsive tabs are not built on to bootstrap by default, We have integrated 3 options to choose from

Last updated