宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取

很简单,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>