我正在使用bootstrap-sass和font-awesome-sass-rails gems，并通过添加到bootstrap-and-overrides.css.scss成功地消除了重复的图标（来自glyphicons）：
[class^="icon-"] { background-image:none; }
但是，现在我遇到了略有脱线图标的问题..这些字形完美之前 . 现在我看到了：
我想将图标向下移动一个像素或2.请帮忙 . 谢谢 .
与在Font-Awesome Integration section上找到的LESS的方向类似，应该完全删除字形图标的SASS，而不是仅仅在其上加载Font-Awesome SASS . 我强烈反对任何仅仅试图通过覆盖首先不需要存在的CSS规则来保存外观的方法 .
我不使用Rails，但我认为粗略的轮廓将是：
签出bootstrap-sass repo的副本 .
找到 _bootstrap.scss 文件 .
将 @import "bootstrap/sprites"; 替换为 @import "your/path/to/font-awesome"; ，其中 your/path/to/ 包含 font-awesome.scss .
@import "bootstrap/sprites";
@import "your/path/to/font-awesome";
your/path/to/
重新编译 bootstrap.scss （别忘了缩小！） .
我正在使用twitter-bootstrap-rails gem . 我不得不评论出来：
@iconSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings.png");
来自bootstrap_and_overrides.css.less文件
2 回答
与在Font-Awesome Integration section上找到的LESS的方向类似，应该完全删除字形图标的SASS，而不是仅仅在其上加载Font-Awesome SASS . 我强烈反对任何仅仅试图通过覆盖首先不需要存在的CSS规则来保存外观的方法 .
我不使用Rails，但我认为粗略的轮廓将是：
签出bootstrap-sass repo的副本 .
找到 _bootstrap.scss 文件 .
将
@import "bootstrap/sprites";替换为@import "your/path/to/font-awesome";，其中your/path/to/包含 font-awesome.scss .重新编译 bootstrap.scss （别忘了缩小！） .
我正在使用twitter-bootstrap-rails gem . 我不得不评论出来：
来自bootstrap_and_overrides.css.less文件