L’affichage multiligne dans Bootstrap 3

Dans les cours/tutos précédents, nous avons donné des exemples des blocs repartis sur 12 colonnes. Ainsi, l’ensemble du contenu se retrouve disposé sur une seule et même ligne.

Et si la somme des colonnes occupées par les éléments de la grille est supérieure à 12 ?

Dans ce cas, Bootstrap 3 affiche automatiquement les blocs sur plusieurs lignes. Pour illustrer ce concept, nous allons créer cinq zones que nous répartirons sur 20 colonnes :

Visionnons maintenant la page sur notre navigateur :

Affichage multiligne Bootstrap 3

Affichage multiligne Bootstrap 3

Les blocs sont automatiquement disposés sur deux lignes différentes afin de respecter les largeurs voulues.

2 comments

Laisser un commentaire