Bootstrap mouseover 下拉菜单 Enable Hover for Bootstrap Nav Dropdowns

Bootstrap v3′s navigation has menus toggle enabled by default — you have to click to have them open/show, and click again to them shut (hide).

Wouldn’t it be nice to also have menus open through hovering your mouse over them?

It’s a simple CSS addition.

Use the below CSS to have both toggling and hovering for menus.

.dropdown:hover .dropdown-menu {
display: block;
}

Told you it was simple!

原文:http://www.joostrap.com/support/tutorials-videos/202-how-to-enable-hover-for-nav-dropdowns

 

或者使用插件:

引用插件 bootstrap-hover-dropdown.min.js 后,Just add data-hover="dropdown" where you’d put data-toggle="dropdown", 你也可以添加延迟 data-delay="1000"

原文:https://cameronspear.com/demos/bootstrap-hover-dropdown/

下载插件:bootstrap-hover-dropdown-master

项目地址:https://cameronspear.com/blog/bootstrap-dropdown-on-hover-plugin/

 

本文:Bootstrap mouseover 下拉菜单 Enable Hover for Bootstrap Nav Dropdowns

Loading

Add a Comment

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

Time limit is exhausted. Please reload CAPTCHA.