Lista de Foundation
En HTML, la lista no ordenada (<ul>) el ejemplo es el siguiente:
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
Resultado:
- List item
- List item
- List item
- List item
Viñeta de círculo
En Foundation, la lista no ordenada (<ul>) el símbolo de prefijo es un círculo, usando la clase .circle, el ejemplo es el siguiente:
Viñeta de cuadrado
El prefijo de viñeta de cuadrado usa la clase .square:
Sin viñeta
Si no necesita viñetas, puede usar la clase .no-bullet:
<ul class="no-bullet">
<li>List item</li>
...
</ul>
Pruébalo »
<li>List item</li>
...
</ul>
Si necesita agregar una lista horizontal, puede<ul>agregar en.inline-listclase:
Menú de lista
Algunas páginas web pueden necesitar un menú de lista.
En HTML, el menú de lista se define mediante la lista no ordenada<ul>para definirlo, por ejemplo: