How to make bootstrap menu drop down on hover

I have seen many front-end developers being confused and worried with bootstrap drop down menu that only opens when clicking. For touch devices or specially for smart phone, click event is great but for desktop, it would be great if there was easy option to make drop down on hover.

You don't need to worry for that because two lines of CSS code can make your wish true. I have tested following codes with bootstrap 3 so, if you are using bootstrap 3 for your website, this solution is for you.
dropdown on hover

@media (min-width: 768px) {   ul.nav li.dropdown:hover > ul.dropdown-menu {     display: block;   } }
Dropdown will open in hover only devices with minimum of 768px and for smaller devices (smartphons and tablets/ipads), default event will be applied.
How to make bootstrap menu drop down on hover Reviewed by Prem Regmi on 7:32:00 PM Rating: 5

No comments:

Designed by Next Bootstrap

Contact Form


Email *

Message *

Powered by Blogger.