Boostrap Setup for Ruby on Rails

railsbootstrapsetup.md

Bootstrap Setup for Ruby on Rails

1. Set up new rails project if not done so yet

2. In the gemfile:

gem 'bootstrap-sass', '~> 3.3.6'
gem 'sass-rails', '>= 3.2'

3. In the command line:

bundle install

4. In app > assets > stylesheets > application.css: rename to application.scss OR application.sass (if you want to use sass) add below comments section (after */):

@import "bootstrap-sprockets";
@import "bootstrap";

(if you are using application.sass, get rid of the ';' after each line and MAKE SURE there is no indentation)

5. In app > assets > javascripts > appplication.js:

//= require jquery
//= require bootstrap-sprockets

6. In app > views > layouts > application.html.erb, in the tag:

<meta name="viewport" content="width=device-width, initial-scale=1">

Source 1 | Source 2