Nav

Defines different styles for list navigations.


Usage

To create the navbar component add the .nav class to a <ul> element.

Usage


Sub Objects

Nav Header

Add this class to an <li> element to create a header.

Usage


Nav Divider

Add the .nav-divider class to an <li> element to create a divider separating menu items.

Usage


Nav Sub

To create nested nav menus, add the .nav-sub class to a <ul> item within the nav.

Usage


Modifiers

Nav Side

When used inside a panel, or other component this class applies the nav style.

Usage


Nav Dropdown

Creates a nav component within a dropdown.

Usage


Nav Navbar

Used in dropdown components specifically found within navbar elements.

Usage


Nav Off Canvas

Apply this class when creating a nav inside of the off canvas component.

Usage


Nav Parent Icon

Adds an icon to all .parent elements within the nav.

Usage