Bootstrap mise en page

Voyons déjà toutes les possibilités de la grille de Bootrap.

La grille de Bootrap est composée de 12 colonnes :

1
2
3
4
5
6
7
8
9
10
11
12

Il est possible de grouper les colonnes pour avoir des éléments plus larges :

8 colonnes
4 colonnes
2 colonnes
6 colonnes
4 colonnes

Si vous dépassez 12 colonnes pour une rangée les colonnes excédentaires passent naturellement sur la rangée inférieure :

5 colonnes
5 colonnes
Colonnes non utilisées
5 colonnes

On peut aussi sauter des colonnes (ici par exemple on en saute 2) :

4 colonnes
4 colonnes

On peut imbriquer les lignes :

Premier niveau avec 8 colonnes
Second niveau avec 6 colonnes
Second niveau avec 6 colonnes

L'imbrication peut se faire sur plusieurs niveaux (ici j'ai aussi utilisé un offset) :

Premier niveau avec 8 colonnes
Second niveau avec 6 colonnes
Troisième niveau avec 6 colonnes
Troisième niveau avec 6 colonnes
Second niveau avec 5 colonnes
Troisième niveau avec 4 colonnes
Troisième niveau avec 4 colonnes

Bon, maintenant que vous savez ce qu'on peut faire il n'y a plus qu'à voir comment le faire !

Précédent Suivant

Retour à l'accueil...