Some Bootstrap users want to make their menu dropdown when the mouse hover’s over the menu instead of having to click on the actual word.

In order to accomplish this we are going to use CSS. It’s a pretty simple fix if you’re familiar with how to style. Here is the code.

.dropdown-menu li:hover .sub-menu {
 visibility: visible;
.dropdown:hover .dropdown-menu {
 display: block;

Let me know if you have any questions by leaving comments below.

Tagged with →  
Share →

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>