如何在 Drupal Bootstrap 7.x-2.2 中的菜单上添加活动标记答案

【问题标题】：How to add active marker on menu in Drupal Bootstrap 7.x-2.2如何在 Drupal Bootstrap 7.x-2.2 中的菜单上添加活动标记
【发布时间】：2013-11-12 19:27:57
【问题描述】：

我正在尝试在菜单上的“活动”元素上添加一个三角形。我已经添加了这个 css：

.navbar .active::after {
content: "";
position: absolute;
bottom: -16px;
border-width: 0px 15px 15px;
border-style: solid;
border-color: #ffffff transparent;
display: block;
width: 0;
}

但由于某种原因，根据附加的屏幕截图，我在活动元素上略微重叠了 2 个三角形。我不知道还有什么办法让它正确....请帮忙？

【问题讨论】：

没有截图，你可能需要链接到imgur什么的。此外，一些 HMTL 代码也会有所帮助。您确定没有 2 个活动项目，例如父母和孩子？最后，我会使用单个 : 以获得更好的浏览器支持 (

标签： css twitter-bootstrap drupal drupal-theming

【解决方案1】：

andregliffin 在 Drupal.org 上回答了我的问题“ 这可能是因为有两个嵌套元素，都带有 .active 类，例如 li 和 a 标签。您需要更具体地了解您将 CSS 应用到哪一个。你可能应该使用 .navbar > .active:after 或 .navbar a.active:after 或 .navbar li.active:after。"

所以我最终得到了以下 CSS，它完美运行！ /* 活动插入符号 */ .navbar a.active:{之后内容： ””; 左边距：自动；边距右：自动；填充顶部：2px；边框宽度：0px 10px 10px；边框样式：实心；边框颜色：#ffffff 透明；显示：块；宽度：0； }

【讨论】：