Des grilles spéciales GRILLES:Spéciales

1. Plusieurs lignes dans une ligne GRILLES:Plusieurs lignes dans un ligne

Dans cet exemple nous allons créer une mise en page qui va comporter dans une seule ligne (<div class="row">) plusieurs colonnes de largeur égale, réparties dans plusieurs lignes d’affichage. Il vous suffira d’indiquer le passage à la ligne par la classe class="w-100".

Vous pouvez télécharger le dossier de cet exemple, nommé 03-Grille-07.

Voici le code utilisé dans le conteneur :

<div class="container"> 
  <div class="row"> 
      <div class="col"> 
          Maecenas sed... 
      </div> 
      <div class="col"> 
          Lorem ipsum... 
      </div> 
      <div class="w-100"></div> 
      <div class="col"> 
          Maecenas sed diam... 
      </div> 
      <div class="col"> 
          Lorem ipsum dolor... 
      </div> ...