les listes

LES LISTES

<p>Une liste sans style :</p> 
<ul class="list-unstyled"> 
        <li>Pommes</li> 
        <li>Ananas</li> 
        <li>Poires</li> 
        <li>Fraises</li> 
</ul> 

 

Par défaut les items de la liste s’affichent les uns sous les autres. Vous pouvez, si vous le souhaitez, placer les items les uns à côté des autres, sur la même ligne avec la classe .list-inline pour l’élément <ul> et la classe .list-inline-item pour les éléments <li>.

<p>Une liste en ligne :</p> 
<ul class="list-inline"> 
        <li class="list-inline-item">Pommes</li> 
        <li class="list-inline-item">Ananas</li> 
        <li class="list-inline-item">Poires</li> 
        <li class="list-inline-item">Fraises</li> 
</ul> 

 

Laisser un commentaire

Retour haut de page