Twitter Bootstrap和Font Awesome的重复图标问题

Question

我有这个菜单的问题,图标使用bootstrap和字体真棒,格式较少,并在运行时使用JavaScript编译.

黑色和蓝色都同时出现!

代码:

<div class="well sidebar-nav">
    <ul class="nav nav-list">
        <li class="nav-header">Relatórios</li>
          <li><a href="#"><i class="icon-facebook-sign"></i> Acessos na s-Commerce</a></li>
          <li><a href="#"><i class="icon-shopping-cart"></i> Acessos para a loja</a></li>
    </ul>
</div>

浏览器输出:

Answer 1

使用新版本的bootstrap我在CSS上做了这个:

  [class^="icon-"], [class*=" icon-"]{
    background:none;
  }

像魅力一样工作:)

Answer 2

不得不把它添加到我的CSS

[class^="icon-"], [class*=" icon-"]{
    background:none!important;
}

.btn [class^="icon-"], .btn [class*=" icon-"] {
    line-height: 1.3em;
}

Answer 3

当我写这个问题时，我想到从引导程序中删除 sprites.less 。修复并正常工作。