twitter-bootstrap-3
Système de grille

Système de grille bootstrap

Bootstrap utilise un système de grille comportant des lignes et des colonnes

Dans le système Grid, vous utilisez une classe de lignes pour créer une boîte horizontale avec un total de 12 colonnes de taille 1, chacune pour une taille d'écran différente verticalement. Si vous ne souhaitez pas utiliser les 12 colonnes individuellement, vous pouvez regrouper les colonnes pour créer des colonnes plus larges.

Exemple: si vous voulez créer une ligne de 3 colonnes - vous avez une div avec class = "row" (c.-à-d. Une case horizontale) et 3 colonnes (class = col.xs.xx) chacune de taille 3, taille 2, taille 7 (3 + 2 + 7 = 12) pour xs = taille d'écran extra petite taille

Titre

lorem ipsum

Classes de grille

Le système de grille Bootstrap a quatre classes pour la conception réactive comme ceci:

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

Comment utiliser?

Pour l'exemple de base 4 colonnes

<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>

Exemple 4 colonnes