HW4 Step 1:
The navbar is a bit magical. If you notice, in the
mobile view it collapses into a dropdown menu!
We adapt this from one of the examples in the
starter-template, with one twist: we use a media
query for browsers with less than 980px width to
fix an issue where the navbar is pushed too far
down on mobile browsers.
1) http://twitter.github.io/bootstrap/examples/
starter-template.html
2) https://developer.mozilla.org/en-US/docs/
Web/Guide/CSS/Media_queries
HW4 Step 2:
For the .heading and .subheading class, we use
the built-in p.lead from Bootstrap and also
import and use paired Google Fonts to make the
style look a little less default.
1) www.google.com/fonts/specimen/Ubuntu
2) www.google.com/fonts/specimen/
Ubuntu#pairings
3) http://twitter.github.io/bootstrap/basecss.html#typography