Navbar
Basic Navbar
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 with Brand Image
Adding images to the .navbar-brand
will likely always require custom styles or utilities to properly size.
Here are some examples to demonstrate.
External content
Sometimes you want to use the collapse plugin to
trigger hidden content elsewhere on the page.
Because our plugin works on the id
and data-target
matching,
that’s easily done!
Theme colors
Theming the navbar has never been easier thanks to the combination of theming classes and
background-color
utilities.