ant design中的柵格化系統

antd design在原12柵格系統的基礎上，將整個設計區域進行24等分，Row代表行，Col代表列

通過Row的gutter屬性設置Col與Col之間的間隔，響應式設置 { xs:8,sm:16,md:24,lg:32}

將內容放在Col中，只有Col可以作為Row的直接元素，將每個Row（每行）平均分成24份，在每個Col中通過span={}或響應式進行圈地

如果一個Row中的Col的總和超過24，超出的的Col會作為一個整體另起一行排列

<Row gutter={{ xs:8,sm:16,md:24 }}>

　　<Col sm={12} md={8} lg={6} xl={6}></Col>

　　<Col sm={12} md={8} lg={6} xl={6}></Col>

　　<Col sm={12} md={8} lg={6} xl={6}></Col>

　　<Col sm={12} md={8} lg={6} xl={6}></Col>

</Row>