Bootstrap v3′snavigation 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!
原文:/support/tutorials-videos/202-how-to-enable-hover-for-nav-dropdowns
或者使用插件:
引用插件 bootstrap-hover-dropdown.min.js 后,Just adddata-hover="dropdown"
where you'd putdata-toggle="dropdown", 你也可以添加延迟 data-delay="1000"
原文:/demos/bootstrap-hover-dropdown/
下载插件:bootstrap-hover-dropdown-master
项目地址:/blog/bootstrap-dropdown-on-hover-plugin/
转自:Bootstrap mouseover 下拉菜单 Enable Hover for Bootstrap Nav Dropdowns