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
Label-pills 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 div in an existing dropdown menu for automatic styling.