Framework

Les 12 colonnes de Bootstrap

Un petit tour d'horizon de la grille de Bootstrap

LIRE
Surfing In Costas Rica
1

Une grille de 12 colonnes pour positionner des éléments ?

Choisir la taille de l'élément par rapport à la grille

.col-3

Une boite de 1/4 de la largeur

12 / 4 = 3

.col-4

Une boite de 1/3 de la largeur

12 / 3 = 4

.col-6

Une boite de la moitié de la largeur

12 / 2 = 6

.col-8

Une boite de 2/3 de la largeur

12 * 2/3 = 8

.col-9

Une boite de 3/4 de la largeur

12 * 3/4 = 9

.col-12

Une boite sur toute la largeur !
1
2
3
4
2

Et pour le responsive ?

Choisir une taille de colonnes et modifier en fonction de l'écran ciblé

.col-6

Moitié pour

TOUS LES ECRANS

.col-md-6

Moitié pour les tablettes et + grand

à partir de MEDIUM

.col-lg-6

Moitié pour les grands écrans

à partir de LARGE

1
2
3
4