Списки Foundation

В HTML неупорядоченные списки (<ul>) Пример следующий:

<ul>
  <li>Элемент списка</li>
  <li>Элемент списка</li>
  <li>Элемент списка</li>
  <li>Элемент списка</li>
</ul>

Результат:

  • Элемент списка
  • Элемент списка
  • Элемент списка
  • Элемент списка

Круглые маркеры

В Foundation маркированный список (<ul>) Символ маркера — круг, используется класс .circle, пример:

<ul class="circle">
  <li>Элемент списка</li>
  ...
</ul>

Попробуйте сами »

Квадратные маркеры

Для квадратного маркера используется класс .square:

<ul class="square">
  <li>Элемент списка</li>
  ...
</ul>

Попробуйте сами »

Без маркеров

Если маркеры не нужны, можно использовать класс .no-bullet:

<ul class="no-bullet">
  <li>Элемент списка</li>
  ...
</ul>
Попробуйте сами »

Если вам нужно добавить горизонтальный список, вы можете<ul>добавить в.inline-listКласс:

<ul class="inline-list">

Попробуйте сами »

Меню-список

Некоторые веб-страницы могут требовать меню-списки.

В HTML меню-списки — то же самое, что и неупорядоченные списки<ul>Чтобы определить, например:

<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>

Результат:

Другие расширения