Changer l’ordre des éléments dans une grille

Par défaut, les zones générées en utilisant une grille sont réparties de gauche à droite. Les classes .col-md-push-* et .col-md-pull-* permettent d’inverser l’ordre des éléments :

En utilisant la classe .col-md-push-8, nous poussons cette section à la suite de la seconde zone qui est mise en forme à l’aide de la classe .col-md-8.

Mise en place de la seconde zone. Par la classe .col-md-pull-4, nous la tirons devant la zone déclarée précédemment (classe .col-md-4).

Observons maintenant comment sont organisées les deux éléments après inversion d’affichage :

Changement d'ordre des éléments dans Bootstrap 3

Changement d’ordre des éléments dans Bootstrap 3

Laisser un commentaire