網格

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

分隔線

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

小

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

分隔線

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

中

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

分隔線

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

大

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

分隔線

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

摺疊

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

欄與列

小 / 大

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 啟用視差滾動後，所有欄位將同時到達底部。