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.
Wrap the dropdown's trigger and the dropdown menu within .dropdown, or another element that declares position: relative;. Then add the menu's HTML.
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
To override it, use
Add a header to label sections of actions in any dropdown menu.
Add a divider to separate series of links in a dropdown menu.
Disabled Menu Items
.disabled to a
<li> in the
dropdown to disable the link.
Active Menu Items
.active to a
<li> in the dropdown
to disable the link.
Button dropdowns work with buttons of all sizes.
Icons Menu Items
Badages In Menu Items
Animated dropdown item by adding
.animate and adding
custom animate class to dropdown item.
Trigger dropdown menus above elements by adding
.dropup to the parent.
To add bullet just add class
.bullet to the dropdown
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