Navbar

The navbar element is used to implement banner bars and site-level navigation.

Learn more

To learn more visit Bootstrap's Navbar documentation.

Document margins

When using the .navbar-fixed-top and .navbar-fixed-bottom variants, the document body must have a 50px margin set for the top and bottom respectively.

Default

Bootstrap's preset design for the navbar element.

Reference: Adapted from http://whatis.techtarget.com/definition/default

Inverse

A variation of the Default navbar element, which replaces dark text against a light background with reversed text against a dark background.

Depth

The navbar can be given any of the available shadow depths.

Brand

.material-0


Brand

.material-1


Brand

.material-1-hover

Contextual Buttons

Navbar links can be given any of the standard contextual button classes.


Third-party Content Disclaimer