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>