在多數業務情況下，Ant Design需要在設計區域內解決大量信息收納的問題，因此在 12 柵格系統的基礎上，我們將整個設計建議區域按照 24 等分的原則進行划分。
划分之后的信息區塊我們稱之為『盒子』。建議橫向排列的盒子數量最多四個，最少一個。『盒子』在整個屏幕上占比見上圖。設計部分基於盒子的單位定制盒子內部的排版規則，以保證視覺層面的舒適感。
概述
布局的柵格化系統，我們是基於行（row）和列（col）來定義信息區塊的外部框架，以保證頁面的每個區域能夠穩健地排布起來。下面簡單介紹一下它的工作原理：
通過row在水平方向建立一組column（簡寫col）
你的內容應當放置於col內，並且，只有col可以作為row的直接元素
柵格系統中的列是指1到24的值來表示其跨越的范圍。例如，三個等寬的列可以使用.col-8來創建
如果一個row中的col總和超過 24，那么多余的col會作為一個整體另起一行排列