BOOTSTRAP
La grille
Présentation
Une grille est tout simplement un découpage en cellules de mêmes dimensions.
On peut alors décider d'organiser du contenu en utilisant pour chaque élément une ou plusieurs cellules, comme à la figure suivante.
La grille de Bootstrap comporte 12 colonnes comme dans l'illustration précédente.
Terminologie
Une grille est découpée en rangées (appelées row, parce que tout est en anglais) et colonnes (col), comme à la figure suivante.
Terminologie
La grille de Bootstrap n'est pas aussi idéale que celle présentée précédemment. Le découpage en colonnes est tout simplement une division en pourcentage de la largeur de la fenêtre de visualisation et correspond donc à ce qu'on vient de voir. En revanche, il n'en est pas vraiment de même pour les rangées. Ces dernières ont la hauteur de leur contenu.
Moralité, une rangée prend la hauteur du plus gros élément qu'elle contient. Puisque la largeur des colonnes est contrainte, le flux des données s'écoule verticalement, ce qui est un comportement HTML classique. Il faudra en tenir compte lors de la mise en page.