bootstrap-sass in Rails 4, не отображающий правильные глификоны

Question

Я установил bootstrap-sass Gem и попытался использовать некоторые глификоны, но они просто не отображаются правильно. Похоже, что браузер использует замены для фактических глификонов, но он не дает мне никакого сообщения об ошибке.

Для большинства глификонов я просто получаю этот код:  и для карандаша, например, я получаю это ✏. Похоже, браузер не может их найти, но мои таблицы стилей загружаются должным образом, насколько я могу судить. Так может быть, проблема в драгоценности, которую я должен исправить?

Мой код выглядит следующим образом:

application.css.scss

/* 
*= require jquery-ui 
*= require_tree . 
*= require_self 
*/ 

@import "bootstrap-sprockets"; 
@import 'bootstrap'; 

application.js

//= require jquery 
//= require jquery_ujs 
//= require jquery-ui 
//= require bootstrap-sprockets 
//= require moment 
//= require jquery_nested_form 
//= require turbolinks 
//= require ckeditor/init 
//= require_tree . 

index.html.erb

<%= link_to booking_path(booking), :class => 'btn btn-xs', :title => "#{ t('.show', :default => t('helpers.links.show')) }" do %> 
    <%= glyph 'info-sign' %> 
<%- end -%> 

Если вам нужна дополнительная информация, дайте мне знать, пожалуйста.

Edit1:

Мой код создает следующий HTML:

<a class="btn btn-xs" title="Show" href="/houses/1"> 
    <span class="glyphicon glyphicon-info-sign"></span> 
</a> 

Answer 1

После определения версии Gem рельсов-sass.gem и самозагрузки-sass.gem его наконец, работает.

gem 'bootstrap-sass', '~> 3.3.5.1' 
gem 'sass-rails', '~> 5.0.1' 

Answer 2

После документирования bootstrap-sass, вы должны remove *= require_self и *= require_tree в вас application.css.scss.

Затем удалите все * = require_self и * = require_tree. операторы из файла sass. Вместо этого используйте @import для импорта файлов Sass.

Не используйте * = требуется в Sass или других таблицах стилей не будет , способным получить доступ к микшинам или переменным Bootstrap.

Таким образом, вы можете использовать @import

application.css.scss

/* 
*= require jquery-ui 
*/ 

@import "bootstrap-sprockets"; 
@import 'bootstrap';