Nav

Basic horizontal menu:

Nav

Left-aligned nav (default):

Centered nav:

Right-aligned nav:

Vertical Nav

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

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.

Navigation Pills

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

Justified Tabs/Pills

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


Justified tabs:

Toggleable Pills



HOME

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