Ruby On Rails Bootstrap标志符号图标无法正常工作

时间:2012-12-04 17:07:51

标签: html ruby-on-rails ruby twitter-bootstrap

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

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

对不起,如果这是一个愚蠢的问题,或者它已经得到了回答,我对rails很新,我似乎无法弄明白。

5 个答案:

答案 0 :(得分:6)

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

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

该文件的默认位置是img。你确定它不在资产/ img吗?

考虑到该文件是一个精灵表,我不确定你为什么要尝试将它加载到像图像标签这样的东西。

如果您尝试使用像引导网站建议您执行的图像(here),您可能需要进入bootstrap.css文件并编辑寻找glyphicons-halflings.png的路径文件。默认路径是“../img/glyph.png”,这可能会阻止您的图像显示(如果那就是您要做的事情)

答案 3 :(得分:0)

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

  1. 去公共文件夹(不是资产)
  2. 创建一个文件夹调用img
  3. 将图片放在该文件夹中
  4. 应该有效

答案 4 :(得分:0)

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

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

我尝试将原始(../img/glyph...)更改为许多内容,only /assets/glyph...正常工作