Rails 5帶有Font-Awesome和Bootstrap錯誤

Question

我正在構建我的第一個Rails應用程序，並且我想集成bootstrap和font-awesome。我設法使用bootstrap來正常運行應用程序，但是當我嘗試合併font-awesome時，我得到的錯誤是：文件導入未找到或無法讀取：font-awesome，或網頁顯示，但僅只使用html呈現，沒有任何我添加的CSS或bootstrap樣式。然後，我決定不使用font-awesome，但在嘗試刪除它之後，應用程序僅使用html進行呈現，而沒有添加引導樣式。

這裏是我的application.css.scss：

/* 
* This is a manifest file that'll be compiled into application.css, which will include all the files 
* listed below. 
* 
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, 
* or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path. 
* 
* You're free to add application-wide styles to this file and they'll appear at the bottom of the 
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS 
* files in this directory. Styles in this file should be added after the last require_* statement. 
* It is generally better to create a new file per style scope. 
* 
*= require_font-awesome 
*= require_self 
*= require_tree . 
*/ 
@import "bootstrap-sprockets"; 
@import "bootstrap"; 
@import "bootstrap/theme"; 
@import "font-awesome"; 

我經過一些類似這樣的一些其他問題的搜索 - 我看到了鋼軌引擎，如果你沒有@import「字體真棒。 CSS「似乎工作。但是，我並沒有構建一個rails引擎，嘗試這樣做並不能解決問題。

我已經在gemfile中包含了gem'font-awesome-rails'，並且還運行了一個bundle安裝。

最後，我使用的鐵軌5.0.0.1，和字體真棒護欄4.7.0.0

任何想法有什麼不好？任何幫助，將不勝感激

Answer 1

添加在Gemfile中：

gem 'bootstrap-sass', '~> 3.3.6' 
gem 'font-awesome-sass', '~> 4.7.0' 

然後bundle install

在/app/assets/stylesheets/bootstrap_overrides.css.scss創建一個文件，並添加此行： -

@import "bootstrap-sprockets"; 
@import "bootstrap"; 
@import "font-awesome-sprockets"; 
@import "font-awesome"; 

示例使用字體真棒，在視圖中：

<%= icon('flag') %> 

請查看更多用途鏈接font awesome