Cette page est basée sur Bootstrap 3.0.

Le système de grilles permet de disposer les éléments avec précision. Très utile pour la mise en page. Le nombre total de colonnes est de 12, sauf pour col-xs-* qui peut dépasser.

• row, représente une ligne.
• col-xs-* reste toujours horizontal, ne s'empile pas.
• col-sm-*
• col-md-*
• col-lg-*

Les classes de colonnes peuvent être additionnées sur un même élément. Ce qui signifie qu'on peut donner une définition de grille large, moyenne et petite en même temps.

<div class="row">
  <div class="col-lg-8 col-sm-7></div>
</div>

Permet de décaler une colonne par * espaces, * étant un nombre de 1 à 12. Le total incluant les colonnes, pour une ligne, ne doit pas dépasser 12.

• col-sm-offset-*
• col-md-offset-*
• col-lg-offset-*

La classe push pousse vers la droite et la classe pull tire vers la gauche.

• col-lg-push-*

Pour rendre le tableau responsive, ce qui mettra une barre de défilement en bas de cette tables si son contenu est trop large, il faut l'entourer de :

Div class=“table-responsive”