為了豐富網頁布局，簡化 HTML/CSS 代碼的耦合，并提升多終端的適配能力，我們在構建器里面整合了layui 的柵格系統，Layui將容器進行了 12 等分，預設了 4\*12 種 CSS 排列類，它們在移動設備、平板、桌面中/大尺寸四種不同的屏幕下發揮著各自的作用。 柵格布局支持的屏幕分別是：*xs*（超小屏幕，如手機）、*sm*（小屏幕，如平板）、*md*（桌面中等屏幕）、*lg*（桌面大型屏幕）。 >[info] grid格式：[xs, sm, md, lg] > 示例值：[6, 8, 12, 12] > 表示在超小屏幕占6格，小屏幕占8格，中等屏幕占12格，大型屏幕占12格 >[danger] 特別說明：各屏幕尺寸的可選值為 1 - 12。 >[]完整示例代碼： ``` $assign['buildForm']['items'] = [ [ 'grid' => [12, 6, 4, 4],//表示在超小屏幕占12格，小屏幕占6格，中等屏幕占6格，大型屏幕占4格 'type' => 'text', 'title' => '用戶名', 'name' => 'username', ], [ 'grid' => [12, 6, 4, 4],// 意義同上 'type' => 'text', 'title' => '手機號', 'name' => 'mobile', ], [ 'grid' => [12, 6, 4, 4],// 意義同上 'type' => 'text', 'title' => '郵箱', 'name' => 'email', ], // 更多表單項..... ]; $this->assign($assign); ``` >[info] 超小屏幕預覽（手機）  >[info] 小屏幕預覽（平板電腦）  >[info] 中型屏幕預覽（電腦顯示器）