Jquery 如何在Bootstrap 4中悬停时激活导航下拉列表？

我正在寻找一种方法来激活我的导航菜单悬停在桌面上

我找到了BootstrapV3的代码片段，但我没有发现这些代码可以转换成v4

以下是我的导航HTML和CSS：

.navbar:hover.nabvar崩溃{
显示：块；
}
.导航栏.导航栏塌陷{
背景色：rgba（0,0,0,0.2）；
宽度：200px；
浮动：对；
边缘顶部：47px；
右边距：-17px；
}
.导航栏暗.导航栏导航.导航链接{
颜色：#fff；
}
.导航项目{
右侧填充：15px；
}
.导航链路{
浮动：对；
}
.滚动导航栏{
-webkit过渡：背景。5s缓进缓出，填充。5s缓进缓出；
-moz过渡：背景。5s缓进缓出，填充。5s缓进缓出；
过渡：背景。5s缓进缓出，填充。5s缓进缓出；
高度：55px；
背景色：rgba（0,0,0,0.2）；
盒影：无；
}
.顶部导航崩溃{
背景色：透明；
}

试试这段代码

button.navbar-toggler:hover ~ .navbar-collapse {
    display: block;
}

最好使用

和

进行下拉，因为只有在悬停按钮元素时才会出现下拉。这不是我们需要的。因此，最好使用

和
元素创建一个下拉列表

希望这能起作用。
查找以
为目标的jquery，并将单击功能更改为悬停，看看是否能起作用。
button.navbar-toggler:hover ~ .navbar-collapse {
    display: block;
}