CODEWITHSUNDEEP
ruby-on-railstwitter-bootstrap
Iggy
Iggy

Reputation: 5251

Twitter bootstrap not working on rails

I am following screencast about twitter bootstrap basics to try to understand bootstrap more, but for some reason when I go to localhost, my app has no styling.

I have tried the steps from github repo https://github.com/seyhunak/twitter-bootstrap-rails as well.

I have also followed instruction from this SO post, but when I added the line *= require bootstrap_and_overrides, it shows FileNotFound error.

Here is what I did, after Rails new app bootstrap_practice:

rails g scaffold Product name price:decimal --skip-stylesheets
rake db:migrate
# added gem 'twitter-bootstrap-rails', :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git' on gemfile (I have also tried just gem 'twitter-bootstrap-rails'
bundle install
rails g bootstrap:install

I checked assets and it has the necessary assets.

Stylesheets (application.css)

*
 *= require_tree .
 *= require_self
 */

JS: 

//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require turbolinks
//= require_tree .

Lastly, my application.html.erb has

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

I am pretty sure that is everything needed. Why is my application on localhost not styled?

Upvotes: 0

Views: 609

Answers (2)

Andy Gauge
Andy Gauge

Reputation: 1428

So, I've used twitter-bootstrap a lot of ways in Rails, and my favorite is with the bh gem. Bootstrap Helpers on github.

# Gemfile
gem 'bh'

# application.html.erb
<%= stylesheet_link_tag bootstrap_css %>
<%= stylesheet_link_tag font_awesome_css %>
<%= javascript_include_tag bootstrap_js %>

All the assets are delivered through the CDN.

Upvotes: 1

codyeatworld
codyeatworld

Reputation: 1283

An official SASS repo was released since the railscasts was released. (Rails comes with SASS out the box.)

https://github.com/twbs/bootstrap-sass

The repo by seyhunak is maintained in LESS, which requires therubyracer too.

Upvotes: 0

Related Questions