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

Bootstrap mouseover 下拉菜单 Enable Hover for Bootstrap Nav Dropdowns相关推荐

Magento: 解决 Bootstrap 3 与prototype并用的时候, 下拉菜单消失的问题 Bootstrap 3 dropdown menu dis...
方法一 : 使用友善的文件 EASY FIX: Just replace Magento's prototype.js file with this bootstrap friendly one: ...
Bootstrap 按钮下拉菜单
按钮下拉菜单,就为按钮添加一个下拉菜单,当用户点击按钮时,再显示或隐藏下拉菜单.只需把按钮和下拉菜单包装在一个 .btn-group 中,并为按钮添加 .dropdown-toggle 类和 data ...
Bootstrap 多级下拉菜单
在很多时候,我们可能需要多级下拉菜单.在一个下拉菜单的某个菜单项中,再创建另一个下拉菜单,即可实现多级下拉菜单. 只需为下拉菜单的任意 <li> 元素添加 .dropdown-submen ...
解决bootstrap dropdown 下拉菜单有时候不能显示的问题
解决bootstrap dropdown 下拉菜单有时候不能显示的问题参考文章: (1)解决bootstrap dropdown 下拉菜单有时候不能显示的问题 (2)https://www.cnbl ...
Bootstrap级联下拉菜单，你肯定用得到
今天我将介绍自定义的bootstrap级联下拉菜单(你肯定用得到),主要应用场合有省市级关联菜单等等,那么就先拿这个例子来讲,当然其他场景的关联菜单也同样适用.说实话,封装好一个通用的组件还是需要花费 ...
下拉菜单html菜鸟教程,Bootstrap 下拉菜单
Bootstrap 下拉菜单(Dropdown)插件 Bootstrap 下拉菜单这一章讲解了下拉菜单,但是没有涉及到交互部分,本章将具体讲解下拉菜单的交互.使用下拉菜单(Dropdown)插件,您 ...
WEB前端网页设计-Bootstrap 按钮下拉菜单
目录 Bootstrap 按钮下拉菜单分割的按钮下拉菜单按钮下拉菜单的大小按钮上拉菜单 Bootstrap 按钮下拉菜单本章将讲解如何使用 Bootstrap class 向按钮添加下拉菜单. ...
html5三级下拉菜单,Bootstrap多级下拉菜单插件
bootstrap-submenu是一款在原生bootstrap Dropdowns组件的基础上进行扩展,可以生成多级子菜单的多级下拉菜单插件. 原生的bootstrap下拉菜单只有一层,通过boot ...
Bootstrap的下拉菜单
下拉菜单引入Boostrap的CSS和JS <div class="dropdown"><a data-toggle="dropdown" ...

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

Bootstrap mouseover 下拉菜单 Enable Hover for Bootstrap Nav Dropdowns相关推荐

最新文章

热门文章