Twitter Bootstrap Show Dropdown on Hover Example

Updated on September 22, 2015 Kisan Patel

bootstrap-show-dropdown-hover
To show bootstrap dropdown on hover, you need to use below code:

.dropdown:hover .dropdown-menu {
   display: block;
   margin-top: 0; // remove the gap so it doesn't close
}

You can also use Bootstrap Hover Dropdown plugin to enable bootstrap dropdowns to activate on hover.

CSS

« Previous