Navbar & Navs

Inspiration comes of working every day.

NAVBAR

Navbars are responsive meta components that serve as navigation headers for your application or site. They begin collapsed (and are toggleable) in mobile views and become horizontal as the available viewport width increases.

Default navbar

Form example

Button example

Text example

Fixed to top

Add .navbar-fixed-top and include a .container or .container-fluid to center and pad navbar content.

Fixed to bottom

Add .navbar-fixed-bottom and include a .container or .container-fluid to center and pad navbar content.

Static top

Create a full-width navbar that scrolls away with the page by adding .navbar-static-top and include a .container or .container-fluid to center and pad navbar content.

Inverted navbar

Modify the look of the navbar by adding .navbar-inverse.

NAVS

Navs available in Bootstrap have shared markup, starting with the base .nav class, as well as shared states. Swap modifier classes to switch between each style.

Tabs

Tabs with dropdowns

Pills

Pills with dropdowns

Pills Stacked

Justified

Justified

Disabled links