1

我安裝了bootstrap-sass 2.0,最近從Rails 3.2更新爲Rails 4.1。現在,glyphicons不適用於生產。Bootstrap 2 Glyphicons無法與Rails 4一起使用

例如,沒有圖標顯示了這個:

<i class="icon-zoom-in"></i> 

我嘗試安裝「非愚蠢消化資產」的寶石,也加入以下行production.rb:

config.assets.precompile += %w('.woff', '.eot', '.svg', '.ttf') 

但他們仍然無法正常工作。我如何解決它? bootstrap.css文件是從gem創建的,所以我不想直接編輯它。

更新

的問題是,圖標獲得CSS爲不存在的圖像,如:

background-image: url(/assets/glyphicons-halflings-d8bbe73c5fea83aefd24440ba9988084.png) 

下面是我的Gemfile的一部分:

source 'https://rubygems.org' 

ruby '2.1.1' 

gem 'rails', '4.1' 
gem 'bcrypt', '3.1.7' 
gem 'faker', '1.0.1' 

gem 'bootstrap-sass', '2.0.0' 
gem 'will_paginate', '3.0.5' 
gem 'bootstrap-will_paginate', '0.0.6' 

gem 'font-awesome-sass', '~> 4.0.3' 

group :assets do 
    gem 'sass-rails', '~> 4.0.3' 
    gem 'coffee-rails' 
    gem 'uglifier', '1.2.3' 
    gem "non-stupid-digest-assets" 
end 

gem 'jquery-rails' 
+0

你可以在問題中分享你的Gemfile嗎? –

+0

@KirtiThorat,查看更新。 –

回答

0

'*.png'添加到config.assets.precompile預編譯所有的圖像,似乎已經解決了這個問題。

0

手動將您的圖標放在/ vendor/assets/fonts中以便快速修復。

+0

我應該從Glyphicons下載圖標並將它們直接放在字體文件夾中? –

+0

傳統上我手動導入所有文件,包括bootstrap.css和bootstrap.js,所以我想你只需要使它們可用。 – wurde

+0

將它放入字體和圖像中仍然無效 –

0

以下是從Rails的升級指南在發現:http://edgeguides.rubyonrails.org/upgrading_ruby_on_rails.html

在Rails 4.0,預編譯的資產不再自動拷貝從供應商/資產和lib /資產 非JS/CSS資產。 Rails應用程序 和引擎開發人員應將這些資產放在應用程序/資產中或 配置config.assets.precompile。

因此,請確保您的'bootstrap-sass'(版本2.0.0)gem已將資產放置在app/assets目錄中。

相關問題