Created: 2012-03-21 19:33
Updated: 2013-10-07 22:31

Rails 3, Compass, and (Twitter) Bootstrap Tutorial

$ rvm ruby-1.9.2-p290@rails-compass_twitter_bootstrap-demo
$ rvm do gem install bundler


 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
@import "compass_twitter_bootstrap";
@import "compass/css3";
@import "base";


// This is a manifest file that'll be compiled into including all the files listed below.
// Add new JavaScript/Coffee code in separate files in this directory and they'll automatically
// be included in the compiled file accessible from
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// the compiled file.
//= require jquery
//= require jquery_ujs
//= require_tree .

//= require bootstrap-scrollspy
$ RAILS_ENV=development bundle exec rake assets:precompile
$ RAILS_ENV=production bundle exec rake assets:precompile

Important: If you add a new Javascript or CSS file, you must precompile the code so it will be available in public/assets for production.


  gem "haml-rails"
$ rails generate controller home index
  • Creates Home#index (i.e. a controller named Home with a method called index)
Cookies help us deliver our services. By using our services, you agree to our use of cookies Learn more