Описание список

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

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

Нет класса компонента, необходимых для создания описания список, но UIkit дает пару модификатор классы для отображения списка в другой стиль. Модификаторы описания перечня компонент not комбинируемых друг с другом.

Описание горизонтальный список

Добавить .uk-description-list-horizontal класс для отображения терминов и описаний бок о бок.

Пример

Описание списков

Описание определяет список терминов и их соответствующие описания.

Lorem ipsum

Dolor сидеть амет, consectetur adipisicing элит, sed или сделать eiusmod tempor incididunt ут ет лаборе женский боль в Magna aliqua. Ут энимо объявление миним Нажмите для получения дополнительной информации, магазина nostrud exercitation ullamco лаборис ниси ут aliquip бывший советник commodo области фотографии.

Долгосрочные усекается

Дуис ауте irure боль в reprehenderit в voluptate велит эссе cillum женский боль ЕС fugiat вот pariatur.

Разметки

<dl class="uk-description-list-horizontal">
    <dt>...</dt>
    <dd>...</dd>
</dl>

Адаптивный поведение

В более узких видовых экранов телефонов, стиль будет изменить по умолчанию сложены описание список.

Описание список онлайн

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

Пример

Описание списков

Описание определяет список терминов и их соответствующие описания.

Lorem ipsum

Dolor сидеть амет, consectetur adipisicing элит, sed или сделать eiusmod tempor incididunt ут ет лаборе женский боль в Magna aliqua.

Ут энимо

Объявление миним Нажмите для получения дополнительной информации, магазина nostrud exercitation ullamco лаборис ниси ут aliquip бывший советник commodo области фотографии.

Разметки

<dl class="uk-description-list-line">...</dl>