Le container contient 4 lignes (rows), les lignes étant alternativement de couleur
jaune et
ou bleue. Chaque élément (span) occupe
une ou plusieurs colonnes de la grille standard bootstrap (de largeur 12 colonnes).
- Pour les 3 premières lignes, la largeur des colonnes est déterminé automatiquement
(auto-layout)
- Pour la 4ème ligne, le nombre de colonnes utilisé est fixé explicitement
Chaque ligne a un point de rupture (breakpoint) différent :
- ligne (rows)) 1, 2 et 3: il n'y a pas de point de rupture. Selon la largeur de la fenêtre
du navigateur des colonnes définies dans un même row peuvent se trouver affichées sur plusieurs lignes.
La taille de la colonne dépend du nombre colonnes présentent sur la ligne d'affichage.
- ligne 4: sm small; si la largeur du container est >= 576 pixels, les
éléments
(span) s'affichent côte à côte, sinon les éléments s'empilent.