Base nav

Add class .nav:

Horizontal alignment

Centered with .justify-content-center:

Right alignment

Right-aligned with .justify-content-end:

Tabs

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

Pills

Take that same HTML, but use .nav-pills instead:

Nav justify

Force your .nav’s contents to extend the full available width one of two modifier classes.

Vertical

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