Listes Foundation

En HTML, les listes non ordonnées (<ul>) Exemple comme suit :

<ul>
  <li>Élément de liste</li>
  <li>Élément de liste</li>
  <li>Élément de liste</li>
  <li>Élément de liste</li>
</ul>

Résultat :

  • Élément de liste
  • Élément de liste
  • Élément de liste
  • Élément de liste

Puces rondes

Dans Foundation, une liste non ordonnée (<ul>) Le symbole de préfixe est un cercle, en utilisant la classe .circle, exemple :

<ul class="circle">
  <li>Élément de liste</li>
  ...
</ul>

Essayez-le vous-même »

Puces carrées

Le préfixe de marqueur carré utilise la classe .square :

<ul class="square">
  <li>Élément de liste</li>
  ...
</ul>

Essayez-le vous-même »

Aucune puce

Si vous n'avez pas besoin de marqueurs, vous pouvez utiliser la classe .no-bullet :

<ul class="no-bullet">
  <li>Élément de liste</li>
  ...
</ul>
Essayez-le vous-même »

Si vous avez besoin d'ajouter une liste horizontale, vous pouvez<ul>ajouter à.inline-listClasse :

<ul class="inline-list">

Essayez-le vous-même »

Menu de liste

Certaines pages Web peuvent nécessiter des menus de liste.

En HTML, les menus de liste sont les mêmes que les listes non ordonnées<ul>Pour définir, par exemple :

<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">Menu 1</a></li>
  <li><a href="#">Menu 2</a></li>
  <li><a href="#">Menu 3</a></li>
</ul>

Résultat :

autres extensions