Imbriquer plusieurs grilles dans Bootstrap 3

Pour créer des pages web complexes avec Bootstrap 3, il faut commencer à penser « Imbrication des grilles », dans ce nouveau cours « Imbriquer plusieurs grilles dans Bootstrap 3 » nous allons définir une première zone dans le corps de la page dont nous paramétrerons la largeur. Ensuite nous y insérerons une grille, elle-même découpée en 12 colonnes, dans laquelle nous pourrons mettre en forme d’autres contenus :

Observons maintenant comment sont organisées ces deux grilles imbriquées :

Imbrication des grilles bootstrap 3

Imbrication des grilles bootstrap 3

Nous obtenons donc une zone principale occupant 9 colonnes au niveau du corps de la page. Une seconde grille est insérée dans cet élément. Nous y avons créé trois zones : la première occupant 3 colonnes, la seconde 5 et la dernière 4 colonnes.

Laisser un commentaire