把bootstrap4的导航下拉菜单触发方式改为鼠标浮动触发

很简单，css中加入如下代码

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

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

修改完成后发现一个小问题，菜单和文字间有一点空隙，鼠标移动到空隙后菜单就隐藏了。
我们再修改 dropdown-menu 的样式，加一个 mt-0 的样式就没有空隙了。

<div class="dropdown-menu mt-0" aria-labelledby="navbarDropdown">
    ...
</div>

大功告成！