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

Question

我遇到了这个菜单的问题，其图标使用 Bootstrap 和 Font Awesome ，格式较少，并且在运行时使用 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;
  }

像魅力一样工作:)