In HTML, a menu is often defined in an unordered list <ul> (and styled afterwards), like this:

In HTML, a menu is often defined in an unordered list <ul> (and styled afterwards), like this:

The following example adds a dropdown menu to "Menu 1":

Pills are created with <ul class="nav nav-pills">. Also mark the current page with <li class="active">:

Pills can also be displayed vertically. Just add the .nav-stacked class:

The following example adds a dropdown menu to "Menu 1":

To center/justify the tabs and pills, use the .nav-justified class.

To make the tabs toggleable, add the data-toggle="tab" attribute to each link. Then add a .tab-pane class with a unique ID for every tab and wrap them inside a <div> element with class .tab-content. If you want the tabs to fade in and out when clicking on them, add the .fade class to .tab-pane:

Some content here.

Some content here.

Some content here.