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).
Le nombre de colonnes occupées par un élement est indiqué par l'entier qui termine son nom. Ainsi :
- span1 est un élément de largeur 1 colonne,
- span3 est un élément de largeur 3 colonnes,
- etc...
Chaque ligne a un point de rupture (breakpoint) différent :
- ligne 1: 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.
- ligne 2: lg large; si la largeur du container est >= 992 pixels, les
éléments
(span) s'affichent côte à côte, sinon les éléments s'empilent.
- ligne 3: md medium; si la largeur du container est >= 768 pixels, les
éléments
(span) s'affichent côte à côte, sinon les éléments s'empilent.
- 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.