Différences

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

--- grille-bootstrap [08/08/2015 00:11] – zonewebmaster
+++ grille-bootstrap [08/08/2015 16:03] (Version actuelle) – supprimée zonewebmaster
@@ Ligne 1: / Ligne 1: @@
-====== La grille Bootstrap ======
-**Bootstrap** utilise une grille pour le positionnement des éléments sur la page, c'est le cœur du système **Bootstrap**.
-Bootstrap étant une bibliothèque jQuery permettant de créer facilement des //[[r#responsive-deign|responsive design]]//, vous comprendrez facilement et l'utilité du système de grille de **Bootstrap**.
-===== Le principe =====
-**Bootstrap** décompose la page en ligne (row) et chaque ligne en 12 colonnes.
-Un peu comme le tableau ci-dessous
-|  Col1  |  Col2  |  Col3  |  Col4  |  Col5  |  Col6  |  Col7  |  Col8  |  Col9  |  Col10  |  Col11  |  Col12  |
-exemple de code
-<code html>
-<div class="row"> <!-- Création d'une ligne -->
-<div class="col-md-3">  <!-- Création d'un bloc de 3 cases soit 25% (12 cases / 3 cases = 4) -->
-Première case correspondant à 25% de la largeur de la page
-</div>
-<div class="col-md-9"> <!-- Création d'un second bloc de 75% de largeur -->
-C'est la deuxième colonne
-</div>
-</div> <!-- Fin de la ligne -->
-</code>