在引导程序中自定义下拉样式？

Posted 2023-02-22

【中文标题】在引导程序中自定义下拉样式？

【英文标题】：Customizing the dropdown style in bootstrap?

【发布时间】：2016-10-18 08:07:55

【问题描述】：

如果您单击此链接 Bootstrap navbar，然后向下滚动到“响应式导航栏”并单击下拉菜单，则下拉菜单上有一个倒三角形，并且不会与导航栏齐平。我目前有这种风格。

我想要这种下拉菜单样式：Other Bootstrap navbar

我尝试了谷歌搜索，也许我只是密集，但我不应该能够使用一些 css 或使用某个类来挑选样式吗？

【问题讨论】：

第一个链接指向 Bootstrap 2 文档，第二个链接指向 Bootstrap 3。那么您是在问如何更新您的 Bootstrap 库吗？

【参考方案1】：

这两个主题非常相似，但是您当前的样式似乎已过时（2.3.2）。如果您使用 bootstrap 3.3.6，您将拥有您想要的主题。

类下拉菜单有一个属性 Top。你给它一个期望的值，使它与导航栏保持齐平。此类适用于引导程序 2 和 3。

.dropdown-menu 
  top: 95%;

类的演示小提琴

JSFiddle：https://jsfiddle.net/bwwLg396/2/

【讨论】：

哇，有人帮忙而不是转储我的问题：D

【参考方案2】：

是的，如果您愿意，您可以将自定义 CSS 应用到 Bootstrap 导航栏。您将需要使用单独的自定义样式表。