最新设计规范是 24 栅格系统，但在旧的规范中，Row 组件、Col 组件实现的是 12 栅格。

### 示例

<style type='text/css'>
.row > div > div {
  background-color: #008CF0;
  color: white;
  text-align: center;
}
</style>

```js
<Row>
  <Col>
    <div>1</div>
  </Col>
  <Col>
    <div>1</div>
  </Col>
  <Col>
    <div>1</div>
  </Col>
  <Col>
    <div>1</div>
  </Col>
  <Col>
    <div>1</div>
  </Col>
  <Col>
    <div>1</div>
  </Col>
  <Col>
    <div>1</div>
  </Col>
  <Col>
    <div>1</div>
  </Col>
  <Col>
    <div>1</div>
  </Col>
  <Col>
    <div>1</div>
  </Col>
  <Col>
    <div>1</div>
  </Col>
  <Col>
    <div>1</div>
  </Col>
</Row>
<Row>
  <Col>
    <div>2</div>
  </Col>
  <Col>
    <div>2</div>
  </Col>
  <Col>
    <div>2</div>
  </Col>
  <Col>
    <div>2</div>
  </Col>
  <Col>
    <div>2</div>
  </Col>
  <Col>
    <div>2</div>
  </Col>
</Row>
<Row>
  <Col>
    <div>3</div>
  </Col>
  <Col>
    <div>3</div>
  </Col>
  <Col>
    <div>3</div>
  </Col>
  <Col>
    <div>3</div>
  </Col>
</Row>
<Row>
  <Col>
    <div>4</div>
  </Col>
  <Col>
    <div>4</div>
  </Col>
  <Col>
    <div>4</div>
  </Col>
</Row>
<Row>
  <Col>
    <div>6</div>
  </Col>
  <Col>
    <div>6</div>
  </Col>
</Row>
<Row>
  <Col>
    <div>12</div>
  </Col>
</Row>
```
