Bootstrap

Cette page est basée sur Bootstrap 3.0.

Grid System

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.

Classes de base

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>

Offsetting

col-md-offset-*
col-md-offset-*

Tables

Classe	description.
table.	Classe par défaut.
table-condensed.
table-striped
table-hover
table-bordered

Responsible Wrapper

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”