##### Milestone 30%

##### Release 60%

- Mailbox
- Calendar
- Contacts
- Media
- Documents
- Project
- Forum
- Dashboard

# Dropdowns

#### Color

Add dropdown menus to nearly anything with this simple plugin, including the navbar, tabs, and pills. We provide a set color of dropdown for your choice.

#### Basic Dropdown

Wrap the dropdown's trigger and the dropdown menu within .dropdown, or another element that declares position: relative;. Then add the menu's HTML.

#### 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.
To override it, use `.dropdown-menu-left`.

#### Headers

Add a header to label sections of actions in any dropdown menu.

#### Divider

Add a divider to separate series of links in a dropdown menu.

#### Disabled Menu Items

Add `.disabled` to a `<li>` in the dropdown to disable the link.

#### Active Menu Items

Add `.active` to a `<li>` in the dropdown to disable the link.

#### Sizing

Button dropdowns work with buttons of all sizes.

#### Icons Menu Items

#### Badages In Menu Items

#### Animation

Animated dropdown item by adding `.animate` and adding custom animate class to dropdown item.

#### Split Button Dropdowns

Similarly, create split button dropdowns with the same markup changes, only with a separate button.

#### Dropup Variation

Trigger dropdown menus above elements by adding `.dropup` to the parent.

#### Bullet

To add bullet just add class `.bullet` to the dropdown menu

#### Dropdown On Hover Plugin official website

#### Sub Menus On Dropdowns

Add an extra level of dropdown menus, appearing on hover like those of OS X, with some simple markup additions. Add `.dropdown-submenu` to any `li` in an existing dropdown menu for automatic styling.

#### Default

#### Dropup

#### Left Submenu