Bootstrap5导航条鼠标悬停下拉菜单

  • Post author:
  • Post category:其他


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

效果图:

直接上代码,非常简单,加了个css样式:

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

个人亲测有效。希望能帮助到大家。


缺点:默认的点击效果还在

(可以点击)。



版权声明:本文为GLyihu原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。