1.柵格布局規則
1.1 layui-row定義行，如：<div class="layui-row"></div>
1.2 layui-col-md*這樣的預設來定義列，如：<div class="layui-col-md9"></div>，定義一組列（column），且放在行（row）內。
變量md 代表的是不同屏幕下的標記，列可以同時出現最多四種不同的組合。
分別是：xs（超小屏幕，如手機）、sm（小屏幕，如平板）、md（桌面中等屏幕）、lg（桌面大型屏幕）
1.3 變量* 代表的是該列所占用的12等分數，可選值為 1 - 12。如果多個列的“等分數值”總和等於12，則剛好滿行排列。如果大於12，多余的列將自動另起一行。
2.響應式規則
3.響應式公共類
4. 布局容器
4.1 將柵格放入一個帶有 class="layui-container" 的特定的容器中，以便在小屏幕以上的設備中固定寬度，讓列可控。
4.2 將柵格或其它元素放入一個帶有 class="layui-fluid" 的容器中，那么寬度將不會固定，而是 100% 適應。
5.列間距
通過“列間距”的預設類，來設定列之間的間距。且一行中最左的列不會出現左邊距，最右的列不會出現右邊距。預設了 12 種不同尺寸的邊距。
layui-col-spaceX（X的值可為：1、3、5、8、10、12、15、18、20、22、28、30），X表示列之間間隔 Xpx。
如：<div class="layui-row layui-col-space10"></div>表示列之間的間距為10