Rails 5 с ошибкой Font-Awesome и Bootstrap

Question

Я строю свое первое приложение для рельсов, и я хотел бы интегрировать как бутстрап, так и шрифт-awesome. Мне удалось заставить приложение работать исправно, используя только загрузочный файл, но когда я попытался включить шрифт-awesome, я также получаю ошибку: файл для импорта не найден или нечитабелен: шрифт-awesome или веб-страница отображается, но только рендеринг с использованием только html, без какого-либо CSS-стиля или стиля бутстрапа, который я добавил. Затем я просто решил не использовать шрифт-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 ", который, казалось, работал. Однако я не строю двигатель рельсов, и попытка этого не решила проблему.

Я включил gem «font-awesome-rails» в свой gemfile и также установил пакет.

Наконец, я использую рельсы 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