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... 
   ...
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Des exemples de grille
Suivant
Les alignements des colonnes