Ruby on Rails:如何使用rails项目添加css文件?

application.html.erb文件:

   Site         

我在public /文件夹中有一个文件“cake.generic.css”。

但是当我重新加载页面时,css文件的效果不起作用。

如果我看到页面查看源代码,我会看到如下内容:

    Site          

Home#index

Find me in app/views/home/index.html.erb

我该怎么做才能解决这个问题?

如何设置样式表和javascripts的公用文件夹?

看起来app / assets文件夹是为css和js文件设置的?

Rails可能会将所有css文件整合到一个名为assets / all.css的文件中

考虑使用免费的插件firebug + firepath来进一步表征问题。 这个常用的工具组合将帮助您查询网页元素并查看有助于其显示的CSS。

cake.generic.css复制到文件夹public/assets/ ,如果不存在,则将目录放在第一位。

然后将此添加到你erb <%= stylesheet_link_tag "cake.generic" %>

第二个问题:如何设置样式表和javascripts的公用文件夹?

只需将所有图像,js和css文件放在“public / assets /”下,然后将它们包含在erb页面中

第3个问题:看起来app / assets文件夹是为css和js文件设置的?

是的,用于css和scss文件的’app / assets / stylesheets /’和用于js和coffeescript文件的’app / assets / javascripts’

您可以在这里获得更多信息: http : //guides.rubyonrails.org/asset_pipeline.html#how-to-use-the-asset-pipeline

希望这对你有用:)

您的样式表应放在根项目的以下目录\public\stylesheets ,如果要指定不同的位置,请在stylesheet_link_tag("/public/yourfolder/test.css")提供绝对路径

我有类似的问题,但我的解决方法是确保css在app / assets / stylesheets /下面,我不得不将以下行添加到application.css文件中(我的css文件名为custom.css)

@import’custom’