How do I use CSS with a ruby on rails application?

Question

How do I use CSS with RoR? When I link externally, I\'m never able to see the files. I cp\'d the .css file to every folder I could think of...views, controller, template, an

Answer 1

Put the CSS files in public/stylesheets and then use:

<%= stylesheet_link_tag "filename" %>

to link to the stylesheet in your layouts or erb files in your views.

Similarly you put images in public/images and javascript files in public/javascripts.

Answer 2

Have you tried putting it in your public folder? Whenever I have images or the like that I need to reference externally, I put it all there.

Answer 3

If you are using rails > 3 version, then there is a concept called asset pipeline. You could add your CSS to

app/assets/stylesheets

then it will automatically be picked up by the app. (this is useful as rails will automatically compress the CSS files)

read more here about the asset pipeline

Answer 4

I did the following...

1. place your css file in the app/assets/stylesheets folder.
2. Add the stylesheet link <%= stylesheet_link_tag "filename" %> in your default layouts file (most likely application.html.erb)

I recommend this over using your public folder. You can also reference the stylesheet inline, such as in your index page.

Answer 5

With Rails 6.0.0, create your "stylesheet.css" stylesheet at app/assets/stylesheets.

Answer 6

To add to the above, the most obvious place to add stylesheet_link_tag is in your global application layout - application.html.erb.