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

Question

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

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

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

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

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

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

Answer 1

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

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