twitter-bootstrap-3
Sistema di griglia

Bootstrap Grid System

Bootstrap utilizza un sistema a griglia con righe e colonne

Nel sistema Grid, si utilizza una classe di riga per creare una casella orizzontale con un totale di 12 colonne di dimensione 1 unità ciascuna per diverse dimensioni dello schermo in senso verticale. Se non si desidera utilizzare tutte e 12 le colonne singolarmente, è possibile raggruppare le colonne per creare colonne più larghe.

Esempio: se vuoi creare una riga di 3 colonne - hai un div con class = "row" (cioè una casella orizzontale) e 3 colonne (class = col.xs.xx) ciascuna di dimensione 3, dimensione 2, dimensione 7 (3 + 2 + 7 = 12) per xs = dimensione dello schermo di dimensioni ridotte

titolo

lorem ipsum

Classi di griglia

Il sistema di griglia Bootstrap ha quattro classi per un design reattivo come questo:

xs (for phones)
sm (for tablets)
md (for desktops)
lg (for larger desktops)

Come usare?

Per esempio di base 4 colonne

<div class="row">
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
</div>

Esempio 4 colonne