Navbars

Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.

Navbar Primary

Navbar Secondary

Navbar Primary with Form

Navbar Orange with Form

Navbar with Brand Image

Navbar with Brand Image and Text

Navbar With a toggler on the left and brand name on the right

Navbar Dark

Navbar Toggler

External Content

Navbar Fixed Top

<nav class="navbar fixed-top navbar-light bg-primary"><a class="navbar-brand" href="#">Fixed top</a></nav>

Navbar Fixed Bottom

<nav class="navbar fixed-bottom navbar-light bg-primary"><a class="navbar-brand" href="#">Fixed bottom</a></nav>

Navbar Sticky Top

<nav class="navbar sticky-top navbar-light bg-primary"><a class="navbar-brand" href="#">Sticky top</a></nav>