In this project, we'll practice using Bootstrap.
- Follow this guide to fork and clone this project.
- Extract and open the entire folder in Atom.
- Open
landing.htmlin Chrome. - Commit and Sync your work often as you go along, and once you are finished.
- I have already downloaded and included Bootstrap in the project for you.
- I have also included an
additional_styles.csswith some standard vertical spacer classes. - There are
<link>s to both in the<head>of your starting point, but they are commented out. Uncomment them to use them. - Use Shoelace.io to create a skeleton grid for your layout, and then copy-paste it into your page.
- Plug in your content to each cell in your skeleton. You can copy-paste from the target if you want to.
- You should be able to exactly match the target by only applying existing classes from either
bootstrap.cssoradditional_styles.css; you need not write any CSS rules yourself.