Bootstrap CSS doesn't display in rails project

Question

I've downloaded the project files from the Treehouse Rails Developer course. Rails Development adventure, Stage 4 : Using AJAX. I managed to get the app working but my bootstrap styling does not display.

The bootstrap files are all in their respective folders.

Here's some code from my application.css :

*= require_self
*= require_tree

body {
padding-top: 40px;
}

.alert {
margin-top: 10px;
}

My application.html.erb does contain the stylesheet link tag :

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

I'm running rails v 3.2.6 on OSX Mavericks

Thanks ahead of time for the assistance

samkpower · Accepted Answer · 2014-01-13 04:00:36Z

2

Your application.css file should like this:

*= require_self
*= require_tree .

body {
padding-top: 40px;
}

.alert {
margin-top: 10px;
}

The period is important - it means grab all of the stylesheets in the current directory.

answered Jan 13, 2014 at 4:00

samkpower

935 bronze badges

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

2 Comments

Sajad Over a year ago

Went ahead and changed that with no luck still. When I'm inspecting the page, I noticed that application.css and application.js are linked but I don't see bootstrap.css or any other css files in my stylesheets folder

samkpower Over a year ago

Hmm... maybe try using a gem to install the files for you? Check out this Railscast by Ryan Bates. Add the gem 'twitter-bootstrap-rails' to your Gemfile (don't forget to bundle install), and run the command rails g bootstrap:install. From there you can compare what you have against what the gem installs for you. Also don't forget to try restarting your server when you change up your assets.

BattleTested_закалённый в бою · Accepted Answer · 2018-08-02 11:50:30Z

1

I've figured it out :

set config.assets.initialize_on_precompile = true in application.rb
flush the asset pipeline cache by running rake tmp:cache:clear

edited Aug 2, 2018 at 11:50

BattleTested_закалённый в бою

4,1495 gold badges30 silver badges50 bronze badges

answered Jan 17, 2014 at 3:03

Sajad

1531 gold badge2 silver badges10 bronze badges

Collectives™ on Stack Overflow

Bootstrap CSS doesn't display in rails project

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related