css – Bootstrap 3 Glyphicon错误

前端之家收集整理的这篇文章主要介绍了css – Bootstrap 3 Glyphicon错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我意识到这里已经回答了类似的问题,但很多答案都是使用宝石或直接修改Bootstrap的文件.虽然这些是有效的配置,但我想增加我在这个领域的知识集(链轮,Rails管道,一般的前端开发),并希望了解为什么这不起作用,底层问题是什么.

Ruby 2.0.0-p353,Rails 4.0.2,Bootstrap 3.0.3,Nginx 1.4.4,Passenger 4.0.33

我从他们的站点下载了最新的Bootstrap zip,执行了here发现的所有操作,将这些文件直接包含在我的应用程序中,并且能够让我的开发环境中的glyphicons完全按预期显示.但是,当我部署到生产环境时,glyphicons在Chrome中显示为正方形.我将glyphicons文件的各个文件扩展名添加到生产预编译中,并验证它们是否显示在我的public / assets文件夹中. js / css文件和glyphicon文件之间的唯一区别是glyphicon文件旁边没有gzip压缩文件.

production.rb:

config.assets.precompile = ['*.js','*.css','*.eot','*.svg','*.ttf','*.woff']

我知道Rails在开发和生产之间加载资产的方式不同,但为什么不在生产中看到或理解glyphicon资产呢?有没有办法用我当前的配置解决这个问题,或者我是否需要更改我包含这些资产的方式以允许我修复此错误

此外,在开发和生产中,每次渲染使用glyphicon的页面时,我都会收到以下错误,但图标仍会显示.这有关系吗?

> ActionController :: RoutingError(没有路由匹配[GET]
“/fonts/glyphicons-halflings-regular.woff”)
> ActionController :: RoutingError(没有路由匹配[GET]
“/fonts/glyphicons-halflings-regular.ttf”)
> ActionController :: RoutingError(没有路由匹配[GET]
“/fonts/glyphicons-halflings-regular.svg”)

解决方法

您应该从站点手动手动下载glyphicons字体
并将其放在app / assets / stylesheets / fonts文件夹中.

还有一些问题尚未由bootstrap gem修复

您可以参考以下链接

Bootstrap 3 Glyphicons are not working

猜你在找的CSS相关文章