Les listes TEXTE:Listes

Le dossier à télécharger pour tous les exemples de cette section est nommé 4-Typographie-06.

1. Les listes classiques LISTES:Classique

De manière tout à fait classique, utilisez les éléments <ul> et <ol> pour créer vos listes non ordonnées et ordonnées :

<p>Une liste non ordonnée :</p> 
<ul> 
        <li>Pommes</li> 
        <li>Ananas</li> 
        <li>Poires</li> 
        <li>Fraises</li> 
</ul> 
<p>Une liste ordonnée :</p> 
<ol> 
        <li>Pommes</li> 
        <li>Ananas</li> 
        <li>Poires</li> 
        <li>Fraises</li> 
</ol> 

Bootstrap applique les règles CSS du Reboot:

dl, ol, ul { 
        margin-top: 0; 
        margin-bottom: 1rem; 
} 

2. Les listes sans style LISTES:Sans style

Vous pouvez créer des listes sans style, c’est-à-dire sans ornementation, avec la classe .list-unstyled :

<p>Une liste sans style :</p> 
<ul class="list-unstyled"> 
        <li>Pommes</li> 
        <li>Ananas</li> ...
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
Les citations
Suivant
Afficher du code