#Bootstrap Mockups
Please refer to the three mockup images in the mockups folder.
Work in pairs.
Your goal is to build three different page layouts using the Boostrap CSS Framework. You will need to dig into their documentation on Bootstrap CSS classes and Bootstrap components (a combination of CSS & JavaScript).
A solution to this lab can be found in the Solutions Branch.
- Don't forget to include jQuery and Bootstrap (CSS + Javascript) in the
head
of your project (jQuery is a dependency of bootstrap). - Don't forget to wrap everything (except the nav bar) in a
- For placeholder images, try placekitten or lorempixel. 340x200 should work fine.
- For dummy text, check out Lorem Ipsum.
- For icons, take a look at Bootstrap's Glyphicons. For more common symbols, use HTML Symbols.
##Bonus
- Use bower to include jQuery and Bootstrap (the CSS, JS, and theme files).