Navbar

Defines different styles for the navigation bar.


Usage

The navbar component consists of the navbar itself and one or more navigation items.

Usage


Sub Objects

Navbar Flip

Add the .navbar-flip class to a <div> element to group and align navigations and items to the right.

Usage


Navbar subtitle

Add the .navbar-nav-subtitle class to an <a> element in the list item to indicate that it has a subtitle. Use a <div> element for the subtitle itself.

Usage


Navbar Content

Add this class to a <div> element, which serves as a container for your custom content. The content will be centered vertically.

Usage


Navbar Brand

Add this class to an <a> or <div> element to indicate your brand.

Usage


Navbar Center

Add this class to center your navbar content or brand.

Important This element must be the last in the navbar's DOM order.

Usage


Navbar Toggle

Add this class to an <a> or <div> element to create an icon as a toggle.

Usage


Modifiers

Navbar with dropdowns

A navbar can contain a dropdown from the Dropdown component. Add the .dropdown-navbar modifier to the dropdown to match the style of the navbar.

Usage