brootstrap 下拉菜单增加Hover 悬停触发
发表时间：2021-3-11
发布人：葵宇科技
浏览次数：72
用了框架就感觉不想去写基础的实现，总想着翻翻文档看看有没有相应的功能支持，相信很多朋友都有这样的感觉，形成对框架的依赖。本身bootstrap下拉菜单的触发方式是点击触发，要增加悬停触发其实非常简单，无非就是对象的显示问题，根本不需要去翻文档浪费时间，修改JS就更不要去折腾了。
原理非常简单，只需要使dropdown-menu对象dispaly:block就可以了。
1.给父对象增加个ID，样式之类的方便查找
<li class="xt"><a href="#" data-toggle="dropdown"
2.自己看
<style>
.nav
> li.xt:hover .dropdown-menu {display: block;}
</style>
就这么回事，无需纠结，简单实现就是王道
————————————————
版权声明：本文为CSDN博主「葵宇科技」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/ynkui/article/details/114653908
