Rails not loading the CSS from the correct Folder

Question

I am having problem with referencing to the stylesheet contained in the assets/stylehsheets folder. Here is my layout implementation:

<!DOCTYPE html>
<html>
<head>
  <title>iOSScreencast</title>
  <%= stylesheet_link_tag "application", :media => "all" %>
    <%= stylesheet_link_tag "bootstrap.min", :media => "all" %>

  <%= javascript_include_tag "application" %>

  <%= csrf_meta_tags %>
</head>
<body>

<%= yield %>

</body>
</html>

When I run the page it shows that it is looking for the "bootstrap.min" in assets folder. The asset pipeline is enabled.

This is how the assets pipeline works. It will treat all the assets as they are kept directly under assets directory. — Manoj Monga
– Manoj Monga, Commented Feb 5, 2013 at 5:11
guides.rubyonrails.org/asset_pipeline.html - good information here as well — house9
– house9, Commented Feb 5, 2013 at 5:19

alexpls · Accepted Answer · 2013-02-05 05:16:59Z

1

A better solution would be to load in bootstrap through the asset pipeline.

To do this go to your app/assets/application.css file and add: require 'bootstrap.min' above the other requires in the file.

The advantage of doing it this way is that Bootstrap is compiled in with the rest of your application CSS, which makes the loading of your page generally faster.

answered Feb 5, 2013 at 5:16

alexpls

1,97420 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

azamsharp Over a year ago

I placed the bootstrap.min in assets/stylesheets and then in application.css I added *= require 'bootstrap.min'. When I run it get an error saying could not find bootstrap.min.css.

nickcoxdotme · Accepted Answer · 2013-02-05 05:10:45Z

0

Your best bet is going to be to use the bootstrap-sass gem, which you can include by using gem 'bootstrap-sass', '~> 2.0.4.0' in your gemfile. Then you don't need to explicitly state it in your stylesheets. Instead, use a file for your custom styles:

<%= stylesheet_link_tag "application", :media => "all" %>
<%= stylesheet_link_tag "custom", :media => "all" %>

And then in custom.css.sass, use the @import directive to include bootstrap:

@import "bootstrap"

That'll be the easiest way to include Bootstrap in your app.

answered Feb 5, 2013 at 5:10

nickcoxdotme

6,7479 gold badges49 silver badges72 bronze badges

Collectives™ on Stack Overflow

Rails not loading the CSS from the correct Folder

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related