How to Open Bootstrap Dropdown Menu on Hover

To open or display the dropdown menu in Bootstrap we have to click on the dropdown icon. However, if you want to show the dropdown on mouseover instead of click you can do it with little customization using the CSS and jQuery. Here i will provides code and live examples with source code.

Just add this css see the magic.

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }