Bootstrap的导航条下拉菜单为了适应移动设备没有鼠标hover的状态,都是点击弹出下拉菜单,为了适应一般网站使用,我稍作了一些修改,鼠标hover时就弹出二级菜单。
效果图:

直接上代码,非常简单,加了个css样式:
.dropdown:hover .dropdown-menu {
display: block;
}
个人亲测有效。希望能帮助到大家。
缺点:默认的点击效果还在(可以点击)。
本文介绍了一种方法,通过修改Bootstrap的CSS样式,使得导航条的下拉菜单在鼠标悬停时即可显示,以适应无鼠标hover状态的移动设备,并且在普通网站上提供更好的用户体验。虽然该方法会导致默认的点击效果依然存在,但经过作者亲测,此解决方案有效。
Bootstrap的导航条下拉菜单为了适应移动设备没有鼠标hover的状态,都是点击弹出下拉菜单,为了适应一般网站使用,我稍作了一些修改,鼠标hover时就弹出二级菜单。
效果图:

直接上代码,非常简单,加了个css样式:
.dropdown:hover .dropdown-menu {
display: block;
}
个人亲测有效。希望能帮助到大家。
缺点:默认的点击效果还在(可以点击)。
896

被折叠的 条评论
为什么被折叠?