Twitter Bootstrap Show Dropdown on Hover Example

Updated on     Kisan Patel

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.


Leave a Reply