Navbar & Navs

Inspiration comes of working every day.

Navs - Tabs

Base nav

Horizontal alignment

Right-aligned with




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


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

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-items, use .nav-fill. Notice that all horizontal space is occupied, but not every nav item has the same width.

Tabs with dropdowns

Pills with dropdowns