Html 如何更改Bootstrap4中下拉菜单的默认行为？

我使用的是Boostrap 4。目前它的下拉元素使用的是下拉菜单，左侧有一个小三角形，还有一个弹出式动画。我想把它改成一个下拉菜单，它的顶部是平的，没有动画（或简单的幻灯片）。在哪里更改此设置？

有关这些修改，请导航到

/assets/css/light bootstrap dashboard.css

---

要删除动画，请删除：

.navbar-nav .nav-item .dropdown-menu,
.dropdown .dropdown-menu {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -moz-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -o-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -ms-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
}

---

要删除三角形，请删除以下所有内容：

.navbar-nav .nav-item .dropdown-menu:before {
    border-bottom: 11px solid rgba(0, 0, 0, 0.2);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -11px;
}
.navbar-nav .nav-item .dropdown-menu:after {
    border-bottom: 11px solid #FFFFFF;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -10px;
}

---

你能参考你所询问的模板吗？@Mech抱歉，我编辑了这篇文章以包含链接。非常感谢；最后一部分不是指圆角，而是指下拉菜单左上角指向导航栏项的三角形。基本上，我希望下拉菜单看起来像这里：，而不是现在的样子。很抱歉误解了。我看到了“平顶”并跟着它走了：）我已经更新了答案。梅奇，非常感谢！！这对我来说是一件很头疼的事，我要努力找到它！我希望我能为这个lol给你更多的投票。很高兴我能帮上忙：）