Grids/Griglie


        Struttura delle classi:
        .container > .row > .col-[size]-[parts]
        
        Misure:
        xs : extra small < 768px
        sm : small > 768px
        md : medium > 992px
        lg : large > 1200px
        
        Parti:
        Da 1/12 a 12/12 dell'elemento contenitore.
        
        Esempi:
        col-sm-2 : 2/12 della larghezza dell'elemento contenitore da small a large, righe impilate da extra-small a small
                
        col-md-6 : 50% della larghezza dell'elemento contenitore da medium a large, righe impilate da extra-small a medium

Esempi

.col-md-4
.col-md-4
.col-md-4
.col-sm-3
.col-sm-6
.col-sm-3
.col-md-8
.col-md-4

XS non impila mai

.col-xs-3
.col-xs-3
.col-xs-3
.col-xs-3

Oltre 12/12 le colonne flottano

.col-md-4
.col-md-4
.col-md-4
.col-md-4

.col-xs-6
.col-xs-3
.col-xs-2
.col-xs-3
.col-xs-3
.col-xs-3

Innestare le griglie

.col-md-8
.col-md-6
.col-md-6
.col-md-4

Offset

Aumenta il margine sinistro di una colonna di n/12 di colonna.

.col-md-4
.col-md-4 .col-md-offset-4

Odine delle colonne

Invertire l'ordine delle colonne con .col-*-push-* e .col-*-pull-*

.col-md-9 .col-md-push-3
.col-md-3 .col-md-pull-9