删除bootstrap下拉插入符号

时间:2012-05-29 11:21:18

标签: javascript html css twitter-bootstrap caret

我正在使用引导程序处理我的个人投资组合,导航下拉列表中有一个插入符号,您可以在http://portfolio.tomvervoort.net看到。

投资组合旁边的插入符号是可以的,但当您点击投资组合时,下拉列表顶部也有一个白色插入符号。有谁知道如何删除这个?

5 个答案:

答案 0 :(得分:13)

您的插入符号位于.dropdown-menu:after内。所以,写这样:

.navbar .dropdown-menu:after{
 display:none;
}

答案 1 :(得分:5)

在Rails中有同样的问题(使用twitter bootstrap rails gem),修复方法略有不同。

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

答案 2 :(得分:2)

在当前版本的TBS(v2.2.1)中,您还需要定位:before伪选择器,如下所示:

.navbar .dropdown-menu:after, .navbar .dropdown-menu:before {
    display:none;
}

答案 3 :(得分:1)

尝试这样做:

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

对我来说很好。 : - )

答案 4 :(得分:0)

来自git hub post

现在我们可以直接使用noCaret道具。这篇文章基本上来自DropDownButton,但它也适用于NAvButton

相关问题