Now that you’ve learned why Bootstrap is the best thing since sliced bread, it’s your turn to slide headfirst into this framework. Leave no stone unturned!
- Create a new HTML file (bootstrap-playground.html), and save it in your playground folder (same place where we saved all of out HTML & CSS exercises!)
- Add the Bootstrap starter template.
- Try on for size all the Bootstrap components—okay, maybe not all of them, but enough to build a pretty cool website template.
- Add some images! Rearrange things! Think about how quickly you could have created Project One with this awesome resource. You won’t immediately know how all the components operate, and that’s okay. This is your chance to experiment, modify, and make mistakes. Maybe even throw in the Bootstrap grid, if you’re feeling bold.
- Once you feel semi-proud of your website, upload it to the server or make sure it is saved on your drive.
Additional Notes
Practicing is really important! Make sure that you’ve uploaded all of your practice work for the Bootstrap Module. You should have four HTML documents:
bootstrap-playground.html, where you experimented with Bootstrap components- Your completed Media Queries exercise
- Your completed Bootstrap Grid exercise
- Your completed Responsive Optimization exercise
The instructions and starter materials for the exercises can be found in the Workbook.
Submission: Upload all four HTML files to your server and make sure they are accessible from your Webdev homepage. You can link to each file directly or create a homepage for your playground folder that links to all four.
Either option works, so choose whichever you prefer!
yoursite.com/webdev/playground