Страница с тестами. Компонент Сетка : Grid.


1-2
1-2
1-2-M
1-2-L
1-2-L
1-4-M
...
...
1-4-M
1-2-L
...
1-2-L
1-2-M
1-2-M
1-2-M
1-2-M
1-4-M
1-4-M
1-5-M
1-5-M
3-5-M
Auto-M
1-3-M
Expand-M

Divider

1-2
1-2
1-2-M
1-2-L
1-2-L
1-4-M
...
...
1-4-M
1-2-L
...
1-2-L
1-2-M
1-2-M
1-2-M
1-2-M
1-4-M
1-4-M
1-5-M
1-5-M
3-5-M
Auto-M
1-3-M
Expand-M

Small

1-2
1-2
1-2-M
1-2-L
1-2-L
1-4-M
...
...
1-4-M
1-2-L
...
1-2-L
1-2-M
1-2-M
1-2-M
1-2-M
1-4-M
1-4-M
1-5-M
1-5-M
3-5-M
Auto-M
1-3-M
Expand-M

Divider

1-2
1-2
1-2-M
1-2-L
1-2-L
1-4-M
...
...
1-4-M
1-2-L
...
1-2-L
1-2-M
1-2-M
1-2-M
1-2-M
1-4-M
1-4-M
1-5-M
1-5-M
3-5-M
Auto-M
1-3-M
Expand-M

Medium

1-2
1-2
1-2-M
1-2-L
1-2-L
1-4-M
...
...
1-4-M
1-2-L
...
1-2-L
1-2-M
1-2-M
1-2-M
1-2-M
1-4-M
1-4-M
1-5-M
1-5-M
3-5-M
Auto-M
1-3-M
Expand-M

Divider

1-2
1-2
1-2-M
1-2-L
1-2-L
1-4-M
...
...
1-4-M
1-2-L
...
1-2-L
1-2-M
1-2-M
1-2-M
1-2-M
1-4-M
1-4-M
1-5-M
1-5-M
3-5-M
Auto-M
1-3-M
Expand-M

Large

1-2
1-2
1-2-M
1-2-L
1-2-L
1-4-M
...
...
1-4-M
1-2-L
...
1-2-L
1-2-M
1-2-M
1-2-M
1-2-M
1-4-M
1-4-M
1-5-M
1-5-M
3-5-M
Auto-M
1-3-M
Expand-M

Divider

1-2
1-2
1-2-M
1-2-L
1-2-L
1-4-M
...
...
1-4-M
1-2-L
...
1-2-L
1-2-M
1-2-M
1-2-M
1-2-M
1-4-M
1-4-M
1-5-M
1-5-M
3-5-M
Auto-M
1-3-M
Expand-M

Collapse

1-2
1-2
1-2-M
1-2-L
1-2-L
1-4-M
...
...
1-4-M
1-2-L
...
1-2-L
1-2-M
1-2-M
1-2-M
1-2-M
1-4-M
1-4-M
1-5-M
1-5-M
3-5-M
Auto-M
1-3-M
Expand-M

Divider

Сортировка

Первый
Второй
Третий
Последний
Первый
Второй
Третий
Последний

Wrap + Order

Первый
Последний
...
...
Wrap
Первый
Последний
...
...
Wrap
Первый
...
...
Последний
Wrap
Первый
Последний
...
...
Wrap

Stack

Первый
Второй
Последний

Выравнивание

Первый
Второй
Третий
Четвёртый
Пятый
Последний

Параметры JavaScript

Опция Значение По умолчанию Описание
margin String uk-grid-margin Этот класс добавляется к элементам, которые разбиваются на следующую строку,
обычно для создания поля для предыдущей строки.
first-column String uk-first-column Этот класс добавляется к первому элементу в каждой строке.
masonry Boolean false Включает макет masonry для этой сетки.
parallax Number 0 Parallax translation value. The value must be a positive integer. Falsy disables the parallax effect (default).