De kolommen worden automatisch op elkaar gestapeld wanneer het scherm minder dan 576px breed is.

<div class="container">

<div class="row">

<div class="col-sm-3" style="background-color: lavender;">.col-sm-3</div>
 
<div class="col-sm-3" style="background-color: lavenderblush;">.col-sm-3</div>
 
<div class="col-sm-3" style="background-color: lavender;">.col-sm-3</div>
 
<div class="col-sm-3" style="background-color: lavenderblush;">.col-sm-3</div>

</div>

</div>

 

Download Start.ai

Dummy text

Ik heb deze website ontwerpen in Illustrator met behulp van het 12 grid-systeem van bootstrap.

Download Start.psd

Ik heb deze website ontwerpen in Photoshop met behulp van het 12 grid-systeem van bootstrap.

Download Font Awesome
Cheatsheet examples

Kopieer het icoon of tekst van de site cheatsheet en plak in Illustrator of Photoshop. Verander het lettertype naar de juiste Font Awesome: "Font Awesome 6 Free-Solid-900" of "Font Awesome 6 Free-Regular-400.otf" of "Font Awesome 6 Brands-Regular-400".