Nav

Basic horizontal menu:

Bootstrap Example

Nav

Left-aligned nav (default):

Centered nav:

Right-aligned nav:

Bootstrap Example

Vertical Nav

Use the .flex-column class to create a vertical nav:

Bootstrap Example

Navigation Tabs

Turn the nav menu into navigation tabs with the .nav nav-tabs class. Add the active class to the active/current link. If you want the tabs to be togglable, see the last example on the tutorial page.

Bootstrap Example

Navigation Pills

Turn the nav menu into navigation pills with the .nav nav-pills class:

Bootstrap Example

Justified Tabs/Pills

To justify tabs/pills (equal width), use the .nav-justified class:


Justified tabs:

Bootstrap Example

Pills with Dropdown

Bootstrap Example

Tabs with Dropdown

Bootstrap Example

Toggleable Tabs



HOME

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Bootstrap Example

Toggleable Pills



HOME

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.