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