从引导下拉列表中删除默认图标

时间:2014-05-30 12:39:28

标签: html css twitter-bootstrap-3

我想使用Font Awesome箭头代替下拉菜单链接的默认Bootstrap箭头。我已经添加了Font Awesome箭头,它看起来像我想要的那样(在左边),但是右边还有默认的Bootstrap箭头。我怎么能摆脱它?我不能说我已经尝试了任何东西,因为我一直在检查,我找不到任何东西可以在任何地方删除。

<ul class="nav navbar-nav">
  <li class="dropdown drop-li">
    <a href="#" class="dropdown-toggle menu-link" data-toggle="dropdown">
      <i class="fa fa-angle-down arrow-down"></i>O Festiwalu <b class="caret"></b>
    </a>
    <ul class="dropdown-menu drop-one">
      <li><a href="#">Something</a></li>
      <li><a href="#">Something</a></li> 
      <li><a href="#">Something</a></li> 
    </ul>
  </li>
</ul>

它的外观如下:http://postimg.org/image/id3jbf27x/

1 个答案:

答案 0 :(得分:4)

为什么不删除<b class="caret"></b>

如果您使用的是Firefox,可以按STRG + I(我的检查)来检查您的HTML代码并查看原因在哪里(点击主页面中的元素)或者甚至不在这里(查看右下角的CSS,并通过左下角选择。