Sometimes, we want to make Twitter Bootstrap menu dropdown on hover rather than click with CSS.
In this article, we’ll look at how to make Twitter Bootstrap menu dropdown on hover rather than click with CSS.
How to make Twitter Bootstrap menu dropdown on hover rather than click with CSS?
To make Twitter Bootstrap menu dropdown on hover rather than click with CSS, we make the drop down items block elements.
For instance, we write
ul.nav li.dropdown:hover ul.dropdown-menu {
display: block;
}
to make the ul and li elements block elements to make the menu show on hover.
Conclusion
To make Twitter Bootstrap menu dropdown on hover rather than click with CSS, we make the drop down items block elements.