Column

Разделяйте контент на столбики/колонки. Задавайте ширину и количество колонок многоколоночного текста.

Применение

Чтобы разделить текстовые абзацы на колонки, добавьте один из необходимых классов .uk-column-1-*.

Класс Описание
.uk-column-1-2 Делит абзацы пополам.
.uk-column-1-3 Делит абзацы на три столбца.
.uk-column-1-4 Делит абзацы на четыре столбца.
.uk-column-1-5 Делит абзацы на пять колонок.
.uk-column-1-6 Делит абзацы на шесть колонок.

Пример

Душа моя озарена неземной радостью, как эти чудесные весенние утра, которыми я наслаждаюсь от всего сердца. Я совсем один и блаженствую в здешнем краю, словно созданном для таких, как я. Я так счастлив, мой друг, так упоен ощущением покоя, что искусство мое страдает от этого. Ни одного штриха не мог бы я сделать, а никогда не был таким большим художником, как в эти минуты. Когда от милой моей долины поднимается пар и полдневное солнце стоит над непроницаемой чащей.

Разметка

<p class="uk-column-1-2">...</p>

Пример

Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Вдали от всех живут они в буквенных домах на берегу Семантика большого языкового океана. Маленький ручеек Даль журчит по всей стране и обеспечивает ее всеми необходимыми правилами. Эта парадигматическая страна, в которой жаренные члены предложения залетают прямо в рот. Даже всемогущая пунктуация не имеет власти над рыбными текстами.

Разметка

<p class="uk-column-1-3">...</p>

Адаптивные колонки

Компонент Column также предоставляет адаптивные классы, которые вступают в силу только в определенных точках останова *breakpoints.

Класс Описание
.uk-column-* Влияет на все ширины устройства.
.uk-column-small-* Влияет на ширину устройства от 480px и выше.
.uk-column-medium-* Влияет на ширину устройства от 768px и выше.
.uk-column-large-* Влияет на ширину устройства от 960px и выше.
.uk-column-xlarge-* Влияет на ширину устройства от 1200px и выше.

Пример

Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Вдали от всех живут они в буквенных домах на берегу Семантика большого языкового океана. Маленький ручеек Даль журчит по всей стране и обеспечивает ее всеми необходимыми правилами. Эта парадигматическая страна, в которой жаренные члены предложения залетают прямо в рот. Даже всемогущая пунктуация не имеет власти над рыбными текстами, ведущими безорфографичный образ жизни. Однажды одна маленькая строчка рыбного текста по имени Lorem ipsum решила выйти в сад.

Разметка

<p class="uk-column-xlarge-1-4 uk-column-large-1-3 uk-column-medium-1-2">...</p>