Une définition de grille est composée d'un élément .grid
, puis d'enfants avec une classe .grid-wX
.
Tailles de grille disponibles :
.grid-w25
.grid-w33
.grid-w50
.grid-w66
.grid-w75
.grid-w100
<div class="grid">
<div class="grid-w50"></div>
<div class="grid-w25"></div>
<div class="grid-w25"></div>
<div class="grid-w50"></div>
<div class="grid-w50"></div>
<div class="grid-w33"></div>
<div class="grid-w33"></div>
<div class="grid-w33"></div>
<div class="grid-w66"></div>
<div class="grid-w33"></div>
<div class="grid-w100"></div>
<div class="grid-w25"></div>
<div class="grid-w25"></div>
<div class="grid-w25"></div>
<div class="grid-w25"></div>
<div class="grid-w75"></div>
<div class="grid-w25"></div>
<div class="grid-w20"></div>
<div class="grid-w20"></div>
<div class="grid-w20"></div>
<div class="grid-w20"></div>
<div class="grid-w20"></div>
<div class="grid-w20"></div>
<div class="grid-w80"></div>
<div class="grid-w40"></div>
<div class="grid-w60"></div>
</div>