Bootstrap supports multiple types of navigation element and can be used as described in the following code:
The tab class creates small tabs on the navigation bar, and each tab provides a link to different pages:
<ul class="nav nav-tabs"> … </ul>
The tabs basically are links to other pages or websites; thus, the tab class should be declared within the link tags, as shown in the preceding code.
The pill class has the same functionality as the tab class, with the only difference being the styling. The tabs now appear like pills:
<ul class="nav nav-pills"> … </ul>