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

Question

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

我正在使用'Font Awesome'，因为我想更改Bootstrap图标的颜色。

我的问题是我的图标完全偏离了彼此的对齐方式：

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

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

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

Answer 1

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

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