How to display the dropdown menu on hover in twitter bootstrap

Apply the below style it will do the trick

ul.nav li.dropdown:hover ul.dropdown-menu { display: block; }
 .navbar-default .navbar-nav > li.dropdown:hover > a,
 .navbar-default .navbar-nav > li.dropdown:hover > a:hover,
 .navbar-default .navbar-nav > li.dropdown:hover > a:focus {
 color: #555;
 background-color: #E7E7E7;
 }

Leave a Reply