Twitter Bootstrap和Font Awesome的重复图标问题 [英] Duplicated icon issue with Twitter Bootstrap and Font Awesome

查看:188
本文介绍了Twitter Bootstrap和Font Awesome的重复图标问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

这个菜单中有一个使用引导符和字体的图标的问题,它们的格式较少,并且在运行时使用JavaScript编译。

I am having an issue with this menu with icons using bootstrap and font awesome, both in less format and being compiled at runtime with JavaScript.

黑色和蓝色一个在同一时间出现!

Both black and blue ones are showing up at the same time!

代码:

<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>

浏览器输出:

推荐答案

当我写这个问题的时候,来到我的脑海里去除这个sprite。固定和工作像一个魅力。

When I was writing this question, came to my mind to remove the sprites.less from the bootstrap includes. Fixed and worked like a charm.

这篇关于Twitter Bootstrap和Font Awesome的重复图标问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆