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-danger"><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-secondary"><a class="navbar-brand" href="#">Sticky top</a></nav>