Open Jcornmanhomonoff opened 7 years ago
Here's more detail:
Lab: Modals and More <!-- change to code-along -->
Follow along as I add a bootstrap modal to our current sandbox page. <!-- this is the description of the code-along -->
<!-- add a lab heading here -->
On your own: <!-- this and the following are the lab description -->
More:
Lab: 12-Column Grid <!-- change to demo first -->
Lets get some firsthand experience writing Boootstrap it. Using the documentation we discussed earlier write a simple grid in the index.html file located in this repo. Make use of col-xs-#, col-sm-#, col-md-#, and col-lg-#. Try making an evenly spaced 3x3 grid.
<!-- change the above paragraph by splitting it. The first paragraph should be a demo of an example grid layout designed for mobile-first (lots of `xs` styling).
Then, make a lab out of making the design work well on a larger view (laptop/desktop) -->
<! -- these would then make fantastic CFUs... -->
Place your column divs within a row div.
Place your row divs within a container div
Experiment with various viewport sizes
See #32
There are 3 Labs and no code alongs in this lesson. The headers need to be changed to more closely follow the talk-template.