Basic Navbar

Navbars are responsive navigation menus. They begin collapsed in mobile views and become horizontal as the available viewport width increases.

Default Navbar Docs

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.

Default Navbar Docs

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.

Navbar Forms Docs

Styling the Navbar

Navbars can be styled and/or have fixed positions. We will use the simplest approach of inverting the colors.

Inverted Navbar Docs - Fixed Navbar Docs