Cela sert à délimiter votre zone de travail. Celle-ci représente la toile de fond du site. Au fur et à mesure que vous ajouterez des éléments, la section s’allongera en conséquence. Une page peut également contenir plusieurs sections juxtaposées l’une après l’autre. La section peut être pleine largeur ou avoir une largeur fixe.
Elles servent à organiser les éléments de façon horizontale dans la section. Plusieurs rangées peuvent être insérées dans une même section. Elles peuvent aussi être de pleine largeur ou avoir une largeur fixe.
Comme les rangées, les colonnes servent à organiser les éléments, mais cette fois-ci de façon verticale. Plusieurs colonnes peuvent être insérées dans une même rangée. Nous avons un modèle de douze colonnes pour notre grille. Le cumul des colonnes doit donc en tout temps être égal à 12. ex.: (3 colonnes de 4 =12 ou 1 colonne de 7+ 1 colonne de 5=12).
Les colonnes sont aussi utilisées pour adapter votre contenu pour les différents navigateurs (Tablette, mobile et ordinateur). La conception Web adaptative (RWD) est une approche de conception Web visant à créer des sites pour fournir une expérience de visualisation optimale: lecture et navigation faciles avec un minimum de redimensionnement, de panoramique et de défilement - dans une large gamme de périphériques (des téléphones mobiles aux ordinateurs de bureau).
Dans n’importe quelle colonne, vous pouvez insérer des composants. La librairie de composants est accessible en cliquant sur la barre d’état d’une colonne. L’icône d’accès à la librairie s’affichera au bas de la colonne.
