栅格布局

import { Row, Col } from 'react-miniui';

栅格化布局12格分

<Row>
  <Col span="4" className="bg-blue">col-span4</Col>
  <Col span="8" className="bg-blue">col-span8</Col>
</Row>
<Row>
  <Col span="2" className="bg-blue">col-span2</Col>
  <Col span="6" offset="4" className="bg-blue">col-span6 offset-span4</Col>
</Row>
<Row>
  <Col span="4" className="bg-blue">col-span4</Col>
  <Col span="4" className="bg-blue">col-span4</Col>
  <Col span="4" className="bg-blue">col-span4</Col>
</Row>

栅格化布局24格分

<Row className="demo-row align-center color-white">
  <Col grid="8" className="bg-blue">col-grid10</Col>
  <Col grid="8" offset="8" className="bg-blue">col-grid8 offset-grid8</Col>
</Row>

弹性栅格化布局