Twitter Bootstrap Question posted in

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?

Tags:

2

Answers


  1. 0

    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.

    Login or Signup to reply.
  2. 0

    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.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search