How to integrate Font Awesome with Bootstrap 3 in Rails 4?

本文共计209个文字，预计阅读时间需要1分钟。

在Rails 4项目中，若想同时使用Bootstrap 3和Font Awesome，而不需要一个单独的gem或gem组合，最佳方法是：

1. 将Bootstrap 3和Font Awesome的CSS和JavaScript文件直接下载到项目的`app/assets`目录下。

2.在`app/assets/stylesheets/application.css`中引入Bootstrap的Sass文件：

css @import bootstrap-sprockets; @import bootstrap;

3.在`app/assets/javascripts/application.js`中引入Bootstrap和Font Awesome的JavaScript文件：

javascript //=require bootstrap-sprockets //=require font_awesome

4.对于Font Awesome，确保下载了其CSS文件，并将其放在`app/assets/stylesheets`目录下。

这样，你就可以在项目中使用Bootstrap 3和Font Awesome，而无需额外的gem。Font Awesome目前不会与其他框架冲突。

我似乎无法在Rails 4项目中找到支持Bootstrap 3和Font Awesome的单个gem或gem组合.使用Sass支持的最佳方法是什么？ 您不需要将这两个捆绑在一起使用它们.

Font Awesome现在具有不与其他框架冲突的类名(即fa前缀).只需使用这个宝石：github.com/bokmann/font-awesome-rails

Bootstrap SASS端口也可以正常工作：github.com/twbs/bootstrap-sass