很簡單，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>

總結

以上是生活随笔為你收集整理的bootstrap4 dropdown 的导航下拉菜单触发方式改为鼠标浮动触发的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。