Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:bootstrap [2014/02/12 03:39] – sgariepy
+++ web:bootstrap [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
 ====== Bootstrap ======
+Cette page est basée sur [[http://getbootstrap.com/|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.
+<code html>
+<div class="row">
+  <div class="col-lg-8 col-sm-7></div>
+</div>
+</code>
+===== 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.
+  * ''col-sm-offset-*''
+  * ''col-md-offset-*''
+  * ''col-lg-offset-*''
+===== Pull et push =====
+La classe ''push'' pousse vers la droite et la classe ''pull'' tire vers la gauche.
+  * ''col-lg-push-*''
 ====== Tables ======