Колонки
Сплит пунктов в печати разметка Тип колонки.
Использование
Разделить текст на столбцы, просто добавьте один из .uk-column-1-* классы.
| Класс | Описание |
|---|---|
.uk-column-1-2 |
Деление на абзацы пополам. |
.uk-column-1-3 |
Деление на абзацы в три столбца. |
.uk-column-1-4 |
Деление на абзацы в четыре столбца. |
.uk-column-1-5 |
Деление на абзацы в пять столбцов. |
.uk-column-1-6 |
Деление на абзацы в шесть столбцов. |
Пример
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Разметки
<p class="uk-column-1-3">...</p>Адаптивный столбцах
Столбец также обеспечивает aдаптивный классов столбцов, которые приходят только воздействие на определенные точки останова.
| Класс | Описание |
|---|---|
.uk-column-* |
Затрагивает все ширины устройства. |
.uk-column-small-* |
Влияет на ширину устройства 480px и выше. |
.uk-column-medium-* |
Влияет на ширину устройства 768px и выше. |
.uk-column-large-* |
Влияет на ширину устройства 960px и выше. |
.uk-column-xlarge-* |
Влияет на ширину устройства 1200px и выше. |
Пример
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Разметки
<p class="uk-column-xlarge-1-4 uk-column-large-1-3 uk-column-medium-1-2">...</p>