# Navs

Documentation and examples for how to use Bootstrap’s included navigation components. Read the Official Bootstrap Documentation for a full list of instructions and other options.

#### Basic example

Navigation available in Bootstrap share general markup and styles, from the base `.nav` class to the active and disabled states. Swap modifier classes to switch between each style.

#### Horizontal alignment

Change the horizontal alignment of your nav with flexbox utilities. By default, navs are left-aligned, but you can easily change them to center or right aligned.

#### Vertical alignment

Stack your navigation by changing the flex item direction with the `.flex-column` utility.

#### Tabs

Takes the basic nav from above and adds the `.nav-tabs` class to generate a tabbed interface.

#### Fill and justify

Force your `.nav`’s contents to extend the full available width one of two modifier classes. To proportionately fill all available space with your `.nav-item`s, use `.nav-fill`.

#### Tabs with dropdowns