css - Twitter Bootstrap 下拉菜单在折叠的导航栏中创建额外的插入符

Question

我正在使用 Twitter Bootstrap

并且 collapsed navbar 中的 dropdown menu 有问题。

点击右上角的按钮打开菜单，菜单可以折叠打开。

仅当屏幕折叠到足以显示导航栏的折叠版本时，才会创建额外的插入符号。

如何解决此问题以在下拉菜单上方看不到额外的插入符号？

我不想在 Category 菜单上方看到奇怪的上 Angular 符号。

Demo

Answer 1

这是由 Bootstrap 导航的默认样式引起的。删除它的最简单方法是通过将此 CSS 类放置在您在 Bootstrap CSS 文件后加载的 CSS 中的某个位置来覆盖创建它的样式。

.nav li.dropdown ul.dropdown-menu:before, .nav li.dropdown ul.dropdown-menu:after {
  display: none;
}