Tabs

A tab keeps related content in a single container that is shown and hidden through navigation.

Basic

Chane tab color by applying .nav-tabs-* to the .nav which * is a color name.

Globally syndicate resource sucking ideas through interactive networks. Proactively underwhelm technically sound growth strategies after high-payoff customer service. Professionally provide.
Professionally embrace proactive value whereas customized solutions. Monotonectally formulate high standards in e-business with cost effective ideas. Objectively cultivate maintainable.
Globally optimize market positioning experiences with an expanded array of users. Seamlessly underwhelm backward-compatible customer service after extensive web services.
Collaboratively optimize covalent technologies through high standards in models. Objectively synthesize premier process improvements with granular functionalities. Phosfluorescently disseminate technically.
Light mode

.nav-tabs-light-mode applies to .nav

Globally syndicate resource sucking ideas through interactive networks. Proactively underwhelm technically sound growth strategies after high-payoff customer service. Professionally provide.
Professionally embrace proactive value whereas customized solutions. Monotonectally formulate high standards in e-business with cost effective ideas. Objectively cultivate maintainable.
Globally optimize market positioning experiences with an expanded array of users. Seamlessly underwhelm backward-compatible customer service after extensive web services.
Collaboratively optimize covalent technologies through high standards in models. Objectively synthesize premier process improvements with granular functionalities. Phosfluorescently disseminate technically.
Inverse mode

.nav-tabs-inverse-mode applies to .nav

Globally syndicate resource sucking ideas through interactive networks. Proactively underwhelm technically sound growth strategies after high-payoff customer service. Professionally provide.
Professionally embrace proactive value whereas customized solutions. Monotonectally formulate high standards in e-business with cost effective ideas. Objectively cultivate maintainable.
Globally optimize market positioning experiences with an expanded array of users. Seamlessly underwhelm backward-compatible customer service after extensive web services.
Collaboratively optimize covalent technologies through high standards in models. Objectively synthesize premier process improvements with granular functionalities. Phosfluorescently disseminate technically.
Removeable tabs


Globally syndicate resource sucking ideas through interactive networks. Proactively underwhelm technically sound growth strategies after high-payoff customer service. Professionally provide.
Professionally embrace proactive value whereas customized solutions. Monotonectally formulate high standards in e-business with cost effective ideas. Objectively cultivate maintainable.
Globally optimize market positioning experiences with an expanded array of users. Seamlessly underwhelm backward-compatible customer service after extensive web services.
Collaboratively optimize covalent technologies through high standards in models. Objectively synthesize premier process improvements with granular functionalities. Phosfluorescently disseminate technically.
Justified

.nav-justified applies to .nav

Globally syndicate resource sucking ideas through interactive networks. Proactively underwhelm technically sound growth strategies after high-payoff customer service. Professionally provide.
Professionally embrace proactive value whereas customized solutions. Monotonectally formulate high standards in e-business with cost effective ideas. Objectively cultivate maintainable.
Globally optimize market positioning experiences with an expanded array of users. Seamlessly underwhelm backward-compatible customer service after extensive web services.
Collaboratively optimize covalent technologies through high standards in models. Objectively synthesize premier process improvements with granular functionalities. Phosfluorescently disseminate technically.
With dropdown


Globally syndicate resource sucking ideas through interactive networks. Proactively underwhelm technically sound growth strategies after high-payoff customer service. Professionally provide.
Professionally embrace proactive value whereas customized solutions. Monotonectally formulate high standards in e-business with cost effective ideas. Objectively cultivate maintainable.
Globally optimize market positioning experiences with an expanded array of users. Seamlessly underwhelm backward-compatible customer service after extensive web services.
Collaboratively optimize covalent technologies through high standards in models. Objectively synthesize premier process improvements with granular functionalities. Phosfluorescently disseminate technically.
Distinctively engage plug-and-play process improvements without virtual e-tailers. Appropriately conceptualize parallel technology before business mindshare. Dramatically innovate standards compliant initiatives.
Rapidiously unleash interactive innovation and wireless materials. Progressively deliver seamless networks before empowered applications. Conveniently scale granular meta-services before parallel.
Left aligned

.nav-tabs-left wraps .nav-tabs and .tab-content.

Right aligned

.nav-tabs-right wraps .nav-tabs and .tab-content.

Accordion

Accordion component allows you to toggle content on your pages with a few classes.

Default

Collapsible Group Item #1
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
Collapsible Group Item #2
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
Collapsible Group Item #3
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.

Connected

Collapsible Group Item #1
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
Collapsible Group Item #2
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
Collapsible Group Item #3
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.