# Grid 栅格

24 等栅格系统。

## 使用示例

### 基本用法


[Example: Grid](./_example/GridExample.jsx)

<!-- <Half> -->

### 等分布局

当 Col 不指定 `span` 时默认使用等分布局：

[Example: Equal](./_example/GridEqualExample.jsx)

### 分割线

可指定 `showSplitLine` 展示分割线：

[Example: SplitLine](./_example/GridSplitLineExample.jsx)

### 调整间距

可以使用 `gap` 属性对栅格间距进行调整：

[Example: Gap](./_example/GridGapExample.jsx)

### 对齐方式

如果之间内容高度不等，可以指定对齐方式：

[Example: Align](./_example/GridAlignExample.jsx)

<!-- </Half> -->

### 响应式

[Example: GridResponsive](./_example/GridResponsiveExample.jsx)


## 组件属性

[Interface: RowProps](./Grid.tsx)

[Interface: ColProps](./Grid.tsx)