将类似Bootstrap的框架集成到Rails应用程序中

时间:2012-11-17 10:43:14

标签: ruby-on-rails twitter-bootstrap

我想在我的Rails应用程序中使用PlusStrap framework。我认为这是一个稍微定制的Bootstrap。

我在我的布局中包含了css-file:

<%= stylesheet_link_tag    "plusstrap.min.css" %>

但是当我看到这个CSS文件时,我发现了这样的图片参考:

background-image: url("../img/glyphicons-halflings.png");

我已创建assets / img文件夹并将图像文件放入其中,但Rails无法找到此图像。我该如何解决?

3 个答案:

答案 0 :(得分:1)

包含CSS url调用引用的任何内容的正确方法是:

background-image: url("/images/yourpic.png")

Rails框架以特殊方式处理它......

答案 1 :(得分:0)

检查你的文件夹结构,它是否真的指向图像?检查文档中有关rails的相对路径。

答案 2 :(得分:0)

如果您不想修改css文件,可以将其放在app/assets/stylesheets/plusstrap/plusstrap.min.css这样的文件夹和app/assets/images/img/中的图片中,这样您就可以通过以下方式调用css:

<%= stylesheet_link_tag "plusstrap/plusstrap.min.css" %>

我知道,这可能是多余的,但如果你想让你的CSS保持原状,这是一种有效的方法。