Add Bootstrap

Coach: Talk about the relationship between HTML and Rails. What part of views is HTML and what is Embedded Ruby (ERB)? What is MVC and how does this relate to it? (Models and controllers are responsible for generating the HTML views.)

The app doesn't look very nice yet. Let's do something about that. We'll use the Twitter Bootstrap project to give us nicer styling really easily.

Open the Gemfile in your text editor and add the following line to the list of gems:

gem 'bootstrap-sass', '~> 3.2.0'

And then run in your terminal:

bundle install


Next, rename app/assets/stylesheets/application.css to app/assets/stylesheets/application.css.scss.
Then we can import the Bootstrap assets in your newly-renamed application.css.scss file.

In the end of the file `application.css.scss` add those lines:

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


Finally, open the file app/assets/javascripts/application.js in your text editor, and add in the end:

//= require bootstrap-sprockets
continue