css - 如何在 Twitter Bootstrap 图标和 Font Awesome 图标之间实现对等

Question

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

我正在使用“Font Awesome”，因为我想更改引导图标的颜色。

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

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

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

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

Answer 1

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

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