Table des matières

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

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

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.

Pull et push

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

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”