由于Bootstrap没有自带让Bootstrap导航栏下拉菜单由点击改为鼠标滑过展开的属性或方法，所以我们需要自己对它进行改变。
我们只需要加入自执行的匿名函数就行。

<script>
    $(function () {
        $(".dropdown").mouseover(function () {
            $(this).addClass("open");
        });

      $(".dropdown").mouseleave(function(){
                $(this).removeClass("open");
            })

        })
</script>