Entete

La grille permet de gérer simplement le côté responsive de votre site

Section

Article

La grille est découpée en 12 colonnes.

L'article a pour classe "col-sm-10", ça signifie qu'elle occupe 10 colonnes sur les 12 attribuées à la section qui elle-même occupe 10 colonnes sur les 12 du container.

sm signifie qu'elle va s'empiler (se mettre en dessous de menu) pour un écran inférieur à 768 pixels de large.

Il y a aussi lg pour <1200px, md <992px et pour xs, l'élément se comporte toujours de la même façon même sur l'écran d'un smartphone.

col-md-4 col-md-offset-4