Текст

Коллекция полезных текстовые служебные классы, чтобы стиль вашего Контента.

Стили текста

UIkit предлагает различные текстовые utlities стиль вашего текста.

Класс	Описание
`.uk-text-small`	Добавить этот класс, чтобы уменьшить размер шрифта.
`.uk-text-large`	Добавить этот класс, чтобы увеличить размер шрифта.
`.uk-text-bold`	Добавить этот класс, чтобы создать жирный текст.
`.uk-text-muted`	Добавить этот класс, чтобы отключить свой текст.
`.uk-text-primary`	Добавить этот класс для дополнительной текстовой информации.
`.uk-text-success`	Добавить этот класс, чтобы указать успех.
`.uk-text-warning`	Добавить этот класс, чтобы указать предупреждение.
`.uk-text-danger`	Добавить этот класс, чтобы указать на опасность.
`.uk-text-contrast`	Добавить этот класс, чтобы сделать текст читабельным цветом на плоских цветных областей или фотографии. Это часто белый.

Выравнивание текста

Добавьте один из этих полезных классы для выравнивания текста.

Класс	Описание
`.uk-text-left`	Выравнивает текст по левому краю
`.uk-text-left-small`	Выравнивает текст по левому краю только на небольших устройствах.
`.uk-text-left-medium`	Выравнивает текст по левому краю на средних и малых устройств.
`.uk-text-right`	Выравнивает текст по правому краю
`.uk-text-center`	Центрирует текст по горизонтали.
`.uk-text-center-small`	Центрирует текст по горизонтали только на небольших устройствах.
`.uk-text-center-medium`	Центрирует текст по горизонтали на средних и малых устройств.
`.uk-text-justify`	Растягивает текст по ширине блока.

Пример

Lorem ipsum dolor sit amet, consetetur sadipscing elitr. .uk-text-left

Lorem ipsum dolor sit amet, consetetur sadipscing elitr. .uk-text-right

Lorem ipsum dolor sit amet, consetetur sadipscing elitr. .uk-text-center

Lorem ipsum dolor sit amet, consetetur sadipscing elitr. .uk-text-center-small

Lorem ipsum dolor sit amet, consetetur sadipscing elitr. .uk-text-center-medium

Lorem ipsum dolor sit amet, consetetur sadipscing elitr. .uk-text-justify

Вертикальное выравнивание

Добавьте один из этих классов для вертикального выравнивания текста в объекте.

Класс	Описание
`.uk-text-top`	Выравнивает текст по верхнему краю.
`.uk-text-middle`	Центрирует текст по вертикали.
`.uk-text-bottom`	Выравнивание текста по нижнему краю.

Пример

Lorem ipsum.

Перенос текста

Добавьте один из этих полезных классов, чтобы обернуть ваш текст.

Класс	Описание
`.uk-text-truncate`	Предотвращает от упаковки текст на несколько строк, вместо усечения.
`.uk-text-break`	Разрывы строк, если их длина превышает ширину контейнера.
`.uk-text-nowrap`	Не допускает перенос текста в несколько строк.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elit .uk-text-truncate

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elit .uk-text-break

Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac.

.uk-text-nowrap