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> 
    <li>Poires</li> ...
couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les citations
Suivant
Afficher du code