JS Bin
Nous avons vu dans l'article grille que nous privilégions les grilles de taille 1/12.
Mettons en oeuvre cet environnement.
Les colonnes sont intégrées dans une ligne. Nous définissons 12 classes représentant toutes les largeur possibles de grille.
1/12 = 8.33%, 2/12=16,66% ... 12/12=100%
Nous allons créer les différentes classes représentées sur la figure suivante.
.lig : de largeur 100%, qui représente une ligne
.col1 : de largeur 8,33% qui représente la plus petite largeur de colonne.
.col2 : de largeur du double de .col1.
...
.col12 : de largeur 100%
