- Basic Navbar
Navbars are responsive navigation menus. They begin collapsed in mobile views and become horizontal as the available viewport width increases.
- Dropdown Menu Items
Next we add a dropdown menu to the Navbar. This is another example of how bootstrap uses lists as a basic building block.
- Navbar Forms
Place form content within .navbar-form for proper vertical alignment and collapsed behavior in narrow viewports. Use the alignment options to decide where it resides within the navbar content.
- Styling the Navbar
Navbars can be styled and/or have fixed positions. We will use the simplest approach of inverting the colors.