Designing Solutions Through Programming - block 8 - September 28 2018 Lesson Notes: Difference between revisions
Mr. MacKenty (talk | contribs) (Created page with " __NOTOC__ <table cellspacing="10" style="width:100%;"> <tr> <td style="width:50%; margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1...") |
Mr. MacKenty (talk | contribs) |
||
Line 28: | Line 28: | ||
</head> | </head> | ||
<body> | <body> | ||
<h1>Hello, world!</h1> | <h1>Hello, world!</h1> | ||
<div class="row"> | <div class="row"> | ||
<div class="col | <div class="col-12"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 12 columns wide :-) | I'm 12 columns wide :-) | ||
Line 41: | Line 41: | ||
<div class="row"> | <div class="row"> | ||
<div class="col | <div class="col-6"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 6 columns wide :-) | I'm 6 columns wide :-) | ||
Line 47: | Line 47: | ||
</div> | </div> | ||
<div class="col | <div class="col-6"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 6 columns wide :-) | I'm 6 columns wide :-) | ||
Line 55: | Line 55: | ||
<div class="row"> | <div class="row"> | ||
<div class="col | <div class="col-4"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 4 columns wide :-) | I'm 4 columns wide :-) | ||
Line 61: | Line 61: | ||
</div> | </div> | ||
<div class="col | <div class="col-4"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 4 columns wide :-) | I'm 4 columns wide :-) | ||
Line 67: | Line 67: | ||
</div> | </div> | ||
<div class="col | <div class="col-4"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 4 columns wide :-) | I'm 4 columns wide :-) | ||
Line 76: | Line 76: | ||
<div class="row"> | <div class="row"> | ||
<div class="col | <div class="col-3"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 3 columns wide :-) | I'm 3 columns wide :-) | ||
Line 82: | Line 82: | ||
</div> | </div> | ||
<div class="col | <div class="col-3"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 3 columns wide :-) | I'm 3 columns wide :-) | ||
Line 88: | Line 88: | ||
</div> | </div> | ||
<div class="col | <div class="col-3"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 3 columns wide :-) | I'm 3 columns wide :-) | ||
Line 94: | Line 94: | ||
</div> | </div> | ||
<div class="col | <div class="col-3"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 3 columns wide :-) | I'm 3 columns wide :-) | ||
Line 102: | Line 102: | ||
<div class="row"> | <div class="row"> | ||
<div class="col | <div class="col-2"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 2 columns wide :-) | I'm 2 columns wide :-) | ||
Line 108: | Line 108: | ||
</div> | </div> | ||
<div class="col | <div class="col-2"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 2 columns wide :-) | I'm 2 columns wide :-) | ||
Line 114: | Line 114: | ||
</div> | </div> | ||
<div class="col | <div class="col-2"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 2 columns wide :-) | I'm 2 columns wide :-) | ||
Line 120: | Line 120: | ||
</div> | </div> | ||
<div class="col | <div class="col-2"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 2 columns wide :-) | I'm 2 columns wide :-) | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="col | <div class="col-2"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 2 columns wide :-) | I'm 2 columns wide :-) | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="col | <div class="col-2"> | ||
<div class="alert alert-info" role="alert"> | <div class="alert alert-info" role="alert"> | ||
I'm 2 columns wide :-) | I'm 2 columns wide :-) | ||
Line 137: | Line 137: | ||
</div> | </div> | ||
<!-- Please don't touch anything below this line --> | |||
<!-- Please don't | |||
<!-- Optional JavaScript --> | <!-- Optional JavaScript --> | ||
<!-- jQuery first, then Popper.js, then Bootstrap JS --> | <!-- jQuery first, then Popper.js, then Bootstrap JS --> |
Latest revision as of 06:50, 28 September 2018
|
|
|
|
|
|
|