Documentation and examples on how to use Bootstrap’s tab components.

Tabs on Bootstrap

Simple widget of tabbable panes of local content.

Using class .nav-justified, you can force your tab menu items to use the full available width.

You can stack your navigation by changing the flex item direction with the .flex-column utility.

You can add the .nav-pills-* class to the .nav element to apply colored pill styles.

The navigation item can have a simple bottom border as well. Just specify the class .nav-bordered.

You can add the .nav-bordered-* class to the .nav element to apply colored border styles.

The navigation item can have a simple bottom border as well. Just specify the class .nav-bordered.

Card with Tabs