ga-wdi-boston / html-css-layout-bootstrap-sass

Other
1 stars 163 forks source link

Change 'Lab' to say 'Code Along' #31

Open Jcornmanhomonoff opened 7 years ago

Jcornmanhomonoff commented 7 years ago

There are 3 Labs and no code alongs in this lesson. The headers need to be changed to more closely follow the talk-template.

jrhorn424 commented 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 -->
jrhorn424 commented 7 years ago

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