Navs
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.
