Flex Grid

La griglia flex delle versione 5 è abbastanza simile a quella delle versioni precedenti ad eccezione dei suffissi relativi ai breakpoint ai quali le colonne prendono la misura specificata nella size.

Classe	Desc
.fg	Contenitore/Row
.wg	Assegna gutter alla griglia
.dg	Gutter *2
.fgi	Item o colonna della griglia
.w-*	Misura e breakpoint della colonna

Colonne

La griglia dispone di classi per la misura delle colonne con scatti di width del 5% partendo dalla misura 5 per arrivare alla 100. Sono ovviamente disponibili anche le misure per incolonnamenti dispari come 33 d 66.

I suffissi di breakpoint sono ovviamente gli stessi usati nelle media query: sm,md,lg,xl,xxl

Esempi di classi

Classe	Desc
.fgi.w-sm-50	Colonna width 50% dal breakpoint "sm"
.fgi.w-md-33	Colonna width 33.3333% dal breakpoint "md"

Esempio d'uso

    <div class="fg wg dg">
        <div class="fgi w-md-50">...</div>
        <div class="fgi w-md-50">...</div>
        <div class="fgi w-md-33">...</div>
        <div class="fgi w-md-33">...</div>
        <div class="fgi w-md-33">...</div>
    </div>