Список
Легко создавать красиво смотреть списки, которые приходят в различных стилях.
Использование
Для установки этого компонента, добавить .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>