In this project, we'll practice using Bootstrap.
- Follow the Getting Started with GitHub Guide to download this code to your computer.
- Open the entire folder in Atom (on Windows, File > Open Folder; on Mac, it's just File > Open, but click Open while you have a folder selected rather than drilling in).
- Open
landing.htmlin Chrome.
- 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.