[英]bootstrap-sass in Rails 4 not showing the proper glyphicons
我安裝了bootstrap-sass Gem並嘗試使用某些字形,但它們並未以正確的方式顯示。 看起來瀏覽器正在使用替代實際的字形,但沒有給出任何錯誤消息。
對於大多數glyphicons我剛剛得到這個:
和鉛筆例如我得到這個✏
。 看來瀏覽器找不到它們,但據我所知,我的樣式表已正確加載。 那我必須修復的寶石中可能有問題嗎?
我的代碼如下所示:
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 -%>
如果您需要更多信息,請告訴我。
編輯1:
我的代碼創建以下html:
<a class="btn btn-xs" title="Show" href="/houses/1">
<span class="glyphicon glyphicon-info-sign"></span>
</a>
在指定rails-sass.gem和bootstrap-sass.gem的Gem版本之后,它終於可以工作了。
gem 'bootstrap-sass', '~> 3.3.5.1'
gem 'sass-rails', '~> 5.0.1'
根據bootstrap-sass的文檔,您必須在application.css.scss
remove *= require_self
和*= require_tree
。
然后,刪除所有* = require_self和* = require_tree。 sass文件中的語句。 而是使用@import導入Sass文件。
不要在Sass中使用* = require,否則您的其他樣式表將無法訪問Bootstrap mixins或變量。
所以你可以使用@import
application.css.scss
/*
*= require jquery-ui
*/
@import "bootstrap-sprockets";
@import 'bootstrap';
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.