Navbar
Responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin. Read the Official Bootstrap Documentation for a full list of instructions and other options.
Basic Navbar
Here’s an example of all the sub-components included in a responsive light-themed navbar that automatically collapses at the large breakpoint.
Brand Content
The .navbar-brand can be applied to most elements, but an anchor works best as some elements might require utility classes or custom styles.
Nav Content
Navbar navigation links build on our nav options with their own modifier class and require the use of toggler classes for proper responsive styling.
Form Content
Place various form controls and components within a navbar.
Text Content
Navbars may contain bits of text with the help of .navbar-text. This class adjusts vertical alignment and horizontal spacing for strings of text.
Color Scheme
Navbars may have color variations.