nl flag
logo

Grid

row col-*

col-12

<div class="row"><div class="col-12"></div></div>

col-1

col-11

<div class="row"><div class="col-1"></div><div class="col-11"></div></div>

col-2

col-10

<div class="row"><div class="col-2"></div><div class="col-10"></div></div>

col-3

col-9

<div class="row"><div class="col-3"></div><div class="col-9"></div></div>

col-4

col-8

<div class="row"><div class="col-4"></div><div class="col-8"></div></div>

col-5

col-7

<div class="row"><div class="col-5"></div><div class="col-7"></div></div>

col-6

col-6

<div class="row"><div class="col-6"></div><div class="col-6"></div></div>

flex cell

cell

cell

cell

cell

cell

cell

cell

cell

cell

cell

cell

cell

cell

<div class="flex"><div class="cell"></div></div>

magna

<div class="magna"></div>

magna-top

<div class="magna-top"></div>

magna-bottom

<div class="magna-bottom"></div>

container

<div class="container"></div>

container-lg

<div class="container-lg"></div>

container-md

<div class="container-md"></div>

container-sm

<div class="container-sm"></div>

panel

<div class="panel"></div>