栅格

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
自动-M
1-3-M
扩展-M

分隔符

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
自动-M
1-3-M
扩展-M

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
自动-M
1-3-M
扩展-M

分隔符

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
自动-M
1-3-M
扩展-M

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
自动-M
1-3-M
扩展-M

分隔符

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
自动-M
1-3-M
扩展-M

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
自动-M
1-3-M
扩展-M

分隔符

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
自动-M
1-3-M
扩展-M

折叠

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
自动-M
1-3-M
扩展-M

列和行

小 / 大

1-4-M
1-4-M
1-4-M
1-4-M
1-4-M
1-4-M
1-4-M
1-4-M

中 / 小

1-4-M
1-4-M
1-4-M
1-4-M
1-4-M
1-4-M
1-4-M
1-4-M

分隔符

排序

第一
第二
第三
最后
第一
第二
第三
最后

换行 + 排序

第一
最后

换行
第一
最后

换行
第一

最后
换行
第一
最后

换行

堆叠

第一
第二
最后

对齐

第一
第二
第三
第四
第五
最后

JavaScript 选项

选项 默认 描述
外边距 字符串 uk-grid-margin 此类添加到换行的项目,通常是为了创建与上一行的外边距。
第一列 字符串 uk-first-column 此类添加到每行中的第一个元素。
瀑布流 布尔值,字符串 false 为此栅格启用瀑布流布局(pack,next)。
视差 数字 0 视差平移值。该值可以为vh、%和px。假值禁用视差效果(默认)。
视差开始 长度 0 开始偏移量。该值可以为vh、%和px。它支持基本的数学运算符+和-。默认值`0`表示栅格的顶部边框和视口的底部边框相交。
视差结束 长度 0 结束偏移量。该值可以为vh、%和px。它支持基本的数学运算符+和-。默认值`0`表示栅格的底部边框和视口的顶部边框相交。
视差对齐 布尔值 false 启用视差后,所有列将同时到达底部。