首页 文章

如何在Twitter Bootstrap图标和Font Awesome图标之间实现奇偶校验

提问于
浏览
1

在Ruby on Rails 3.2应用程序中,我使用Twitter Bootstrap-Sass v 2.0.3和Font Awesome作为Gems安装 .

我正在使用'Font Awesome',因为我想改变Bootstrap Icons的颜色 .

我的问题是我的图标在彼此对齐方面是完全关闭的:

enter image description here

enter image description here

发生的事情是它将原始的黑色图标和较新的图标渲染在不同的位置 .

在Font Awesome上,它说“在Font Awesome GitHub项目中请求了这个巨大的新图标集,并包含与Bootstrap 2.0.3的图标奇偶校验 . ”

如何对齐图标以使形状相同,但我仍然通过字体操纵颜色?

1 回答

  • 3

    这就是我以前管理同样问题的方法 . 由于本机引导图标是背景图像而Font Awesome图标是文本内容,我只是覆盖引导样式(例如在application.scss中),如下所示:

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

相关问题