Bootstrap 2 Glyphicons 不适用于 Rails 4答案

【问题标题】：Bootstrap 2 Glyphicons not working with Rails 4Bootstrap 2 Glyphicons 不适用于 Rails 4
【发布时间】：2014-06-10 07:15:18
【问题描述】：

我安装了 bootstrap-sass 2.0，最近从 Rails 3.2 更新到 Rails 4.1。现在字形图标在生产中不起作用。

例如，没有图标显示：

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

我尝试安装“non-stupid-digest-assets”gem，并将以下行添加到 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'

【问题讨论】：

您能在问题中分享您的 Gemfile 吗？
@KirtiThorat，查看更新。

标签： ruby-on-rails twitter-bootstrap ruby-on-rails-4 asset-pipeline

【解决方案1】：

手动将您的图标放在 /vendor/assets/fonts 中以便快速修复。

【讨论】：

我应该从 Glyphicons 下载图标并将它们直接放在字体文件夹中吗？
传统上我手动导入所有文件，包括 bootstrap.css 和 bootstrap.js，所以我认为您只需要使它们可用。

【解决方案2】：

将'*.png' 添加到config.assets.precompile 预编译了所有图像，似乎已经解决了这个问题。

【讨论】：

【解决方案3】：

以下内容来自 Rails 升级指南：http://edgeguides.rubyonrails.org/upgrading_ruby_on_rails.html

在 Rails 4.0 中，预编译资产不再自动复制来自 vendor/assets 和 lib/assets 的非 JS/CSS 资产。导轨应用引擎开发者应该将这些资产放在 app/assets 或配置 config.assets.precompile。

因此，请确保您的“bootstrap-sass”（2.0.0 版）gem 已将资产放置在 app/assets 目录中。

【讨论】：