brootstrap 下拉菜单增加Hover 悬停触发

用了框架就感觉不想去写基础的实现，总想着翻翻文档看看有没有相应的功能支持，相信很多朋友都有这样的感觉，形成对框架的依赖。本身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>

就这么回事，无需纠结，简单实现就是王道

打个广告：云南网站建设