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

Vin*_*res 10 icons duplicates twitter-bootstrap font-awesome

我有这个菜单的问题,图标使用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>
Run Code Online (Sandbox Code Playgroud)

浏览器输出:

重复的图标

小智 22

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

  [class^="icon-"], [class*=" icon-"]{
    background:none;
  }
Run Code Online (Sandbox Code Playgroud)

像魅力一样工作:)


Sou*_*abh 5

不得不把它添加到我的CSS

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

.btn [class^="icon-"], .btn [class*=" icon-"] {
    line-height: 1.3em;
}
Run Code Online (Sandbox Code Playgroud)


Vin*_*res 4

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