Twitter Bootstrap Show Dropdown on Hover Example

Updated on     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
}

Tryit Yourself

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


CSS

Leave a Reply