Ruby On Rails Bootstrap 字形图标无法正常工作答案

【问题标题】：Ruby On Rails Bootstrap glyph icons not working properlyRuby On Rails Bootstrap 字形图标无法正常工作
【发布时间】：2012-11-22 09:22:52
【问题描述】：

由于某种原因，我的应用程序在我的 Aseets 文件夹中找不到我的字形图标。这是我收到的消息

ActionController::RoutingError (No route matches [GET] "/assets/images/glyphicons-halflings.png"):

对不起，如果这是一个愚蠢的问题，或者它已经得到了回答，我对 Rails 还很陌生，我似乎无法弄清楚。

【问题讨论】：

【解决方案1】：

我在尝试使用手动安装的 2.3.2 引导程序版本时遇到了这个问题。在 bootstrap.css 文件中，如果你 CTRL/command + F for 'glyphicon'，你会看到它正在寻找url(../img/glyphicons-halflings.png)

您需要将找到的两个实例更改为url(/assets/glyphicons-halflings.png)

我尝试将原来的(../img/glyph...) 改成很多东西，only /assets/glyph... 起作用了

【讨论】：

【解决方案2】：

有很多正确的答案。但要解决此问题，您应该执行以下操作：

应该可以的

【讨论】：

【解决方案3】：

这取决于您使用的是什么。尝试将其添加到您的 application.css.scss 或您用来覆盖一些引导程序的任何文件中。

[class^="icon-"], [class*=" icon-"] {
  background-image: url(/assets/glyphicons-halflings.png)
}

我的猜测是它没有在正确的位置进行搜索。所以找出它在哪里，然后直接把链接指向那里。

【讨论】：

【解决方案4】：

该文件的默认位置在 img 中。你确定它不在 assets/img 中吗？

考虑到该文件是一个精灵表，我不确定您为什么要尝试将其加载到图像标签之类的东西中。

如果您尝试使用 bootstrap 网站建议的图像 (here)，您可能需要进入 bootstrap.css 文件并编辑查找 glyphicons-halflings.png 文件的路径。默认路径是“../img/glyph.png”，这可能会阻止您的图像显示（如果您正在尝试这样做）

【讨论】：

【解决方案5】：

如果您的视图代码名为 /assets/images/glyphicons-halflings.png，它会在该绝对路径中查找它们。发布您的视图代码和 application.js/application.css 文件会有所帮助

【讨论】：