Lesson 2 of 2010%
(Progress persistence is disabled until Phase 9)
Bootstrap
Beginner
The Grid System
Use Bootstrap's mobile-first flexbox grid to build layouts of all shapes and sizes.
The Grid System
Use Bootstrap’s mobile-first flexbox grid to build layouts of all shapes and sizes.
Bootstrap provides powerful, pre-built components and utilities.
Example
<div class="container">
<div class="row">
<div class="col-sm-8 bg-light border">col-sm-8</div>
<div class="col-sm-4 bg-light border">col-sm-4</div>
</div>
<div class="row mt-3">
<div class="col-sm bg-light border">col-sm</div>
<div class="col-sm bg-light border">col-sm</div>
<div class="col-sm bg-light border">col-sm</div>
</div>
</div>Experiment with the code above in the Playground!