###### Navigation

Menu comes in two modes: dark & light

###### Top Nav

Choose your liked color mode

###### Scrollable Header

#### Dropdowns

##### Dropdown & Dropup Buttons

Dropdowns can be triggered from anchor or button elements. Wrap the dropdown’s toggle (your button or link) and the dropdown menu within `.dropdown`.

Action Another action Something else here
Separated link
Link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

##### Dropdown directions

Trigger dropdown menus above elements by adding `.dropup`, `.dropleft` or `.dropright` to the parent element.

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

###### Menu Alignment

By default, a dropdown menu is automatically positioned 100% from the top and along the left side of its parent. Add `.dropdown-menu-right` to a `.dropdown-menu` to right align the dropdown menu.

##### Sizing

Button dropdowns work with buttons of all sizes, including default and split dropdown buttons.

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

##### Fancy Dropdowns

Use animation classes from animate.css to quickly change the appearance of a dropdown. e.g.`data-dropdown-in="rollIn" data-dropdown-out="rollOut"`

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

##### Menu content

Create menu items with button or anchor tags. You can also add non-interactive dropdown items or add a header to label sections or separate groups with a divider.

###### Dropdown header

Regular link Active link Disabled link Dropdown item text
Separated link

###### Dropdown header

Regular link Active link Disabled link Dropdown item text
Separated link

##### Adding Text

Place any freeform text within a dropdown menu with text and use spacing utilities or simply use`.dropdown-item-text` class.

Regular link heading

Dropdown item text paragraph

Regular link heading

Dropdown item text paragraph

Regular link heading

Dropdown item text paragraph

Regular link heading

Dropdown item text paragraph

Regular link heading

Dropdown item text paragraph

Regular link heading

Dropdown item text paragraph

###### Only text

Some example text that's free-flowing within the dropdown menu.

And this is more example text.

Some example text that's free-flowing within the dropdown menu.

And this is more example text.

##### Dropdown with icon

Add an icon using i tag within `.dropdown-item`

Profile my balance Inbox Settings
Level 1
available busy offline
Level 2
available busy offline
Log Out
Profile my balance Inbox Settings
Level 1
available busy offline
Level 2
available busy offline
Log Out

##### Menu forms

Put a form within a dropdown menu, or make it into a dropdown menu, and use margin or padding utilities to give it the negative space you require.

Email address
Password
Remember me
New around here? Sign up
Forgot password?

##### Dropdown inverse

Add `.dropdown-menu-dark` modifier class to change the dropdown look to a dark one.

###### Dropdown header

Regular link Active link Disabled link Dropdown item text
Separated link

###### Dropdown header

Regular link Active link Disabled link Dropdown item text Something else here
Separated link