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’