bootstrap二级菜单点击改鼠标悬停hover下拉

默认的bootstrap的二级或多级菜单是点击才出现的。那么如果你想点击时跳转页面，就只能是实现点击出现下拉菜单，页面跳转失效。
如何实现点击跳转页面，鼠标滑过出现下级菜单呢？？

你就需要修改Bootstrap.js里面的一个js。直接禁用点击下拉

$(document).ready(function(){
    $(document).off('click.bs.dropdown.data-api');
});

鼠标滑过的效果就可以直接用css来写。

.nav > li:hover .dropdown-menu { display: block; }

这样实现了悬停下拉，然后顶级栏目点击也能有效了!