Список

Легко создавать красиво смотреть списки, которые приходят в различных стилях.

Использование

Для установки этого компонента, добавить .uk-list класс для неупорядоченного или упорядоченного списка. В списке теперь отображаются без какой-либо интервал или список-стиль.

Пример

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

Разметки

<ul class="uk-list">
    <li>...</li>
    <li>...</li>
    <li>...</li>
</ul>

Модификаторы

Для отображения списка в другой стиль, просто добавьте модификатор класса В С .uk-list класс. Модификаторы из списка компонента not комбинируемых друг с другом.

Список онлайн

Добавить .uk-list-line класс для разделения элементов списка с линии.

Пример

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

Разметки

<ul class="uk-list uk-list-line">...</ul>

Список полосатый

Добавить зебры-чередование к списку с помощью директивы .uk-list-striped класс.

Пример

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

Разметки

<ul class="uk-list uk-list-striped">...</ul>

Список космических

Добавить .uk-list-space класс, чтобы увеличить расстояние между элементами списка.

Пример

  • Этот модификатор может быть полезен для элементов списка с несколькими строками текста.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • Ут энимо объявление миним Нажмите для получения дополнительной информации, магазина nostrud exercitation ullamco.

Разметки

<ul class="uk-list uk-list-space">...</ul>