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

如何实现点击跳转页面，鼠标滑过出现下级菜单呢？？

你就需要修改Bootstrap.js里面的一个js。你也可以在自己的页面中覆盖原来的js啦

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

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

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

用了dropdown-menu组件，存在一个问题，如果你的菜单带有下拉菜单，那么这个带下拉菜单的导航在点击时只会浮出下拉菜单，它本身的href属性会失效，也就是失去了超链接功能
解决方法如下，加入下面的一段js代码即可

1. $(document).on("click",".dropdown-toggle",function(){
2.     if( $(window).width()
3.  > 767 ){
4.         if($(this).attr('href')) window.location = $(this).attr('href');
5.     }
6. });