jquery - 将箭头添加到推特 Bootstrap 的下拉药丸中？

Question

我让 Twitter Bootstrap 下拉按钮成功运行，但我有一个小问题。此处的黑色导航栏:

http://twitter.github.com/bootstrap/javascript.html#dropdowns

当下拉菜单打开时，它有一个整洁的小箭头，对吧？好吧，我正在使用下面的药丸，它们没有那个箭头。似乎只有在使用我不需要的导航栏时才会包含箭头。

有没有人找到将箭头添加到药丸中的方法？ :(

Answer 1

假设您指的是单击菜单项时指向上方的白色箭头，您要查找的样式位于 bootstrap.css 的第 3907 行:

.navbar .dropdown-menu::after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: '';
}

您可以尝试复制此样式并删除样式声明的 .navbar 部分，然后修改它以适合您的代码。