# 网格
# 基本布局
8
8
8
6
6
6
6
4
4
4
4
4
4
# 代码
<r-row>
<r-col span="8">
<div>8</div>
</r-col>
<r-col span="8">
<div>8</div>
</r-col>
<r-col span="8">
<div>8</div>
</r-col>
</r-row>
<r-row>
<r-col span="6">
<div>6</div>
</r-col>
<r-col span="6">
<div>6</div>
</r-col>
<r-col span="6">
<div>6</div>
</r-col>
<r-col span="6">
<div>6</div>
</r-col>
</r-row>
<r-row>
<r-col span="4">
<div>4</div>
</r-col>
<r-col span="4">
<div>4</div>
</r-col>
<r-col span="4">
<div>4</div>
</r-col>
<r-col span="4">
<div>4</div>
</r-col>
<r-col span="4">
<div>4</div>
</r-col>
<r-col span="4">
<div>4</div>
</r-col>
</r-row>
# 分栏间隔
8
8
8
6
6
6
6
# 代码
<r-row gutter="10">
<r-col span="8">
<div>8</div>
</r-col>
<r-col span="8">
<div>8</div>
</r-col>
<r-col span="8">
<div>8</div>
</r-col>
</r-row>
<r-row gutter="10">
<r-col span="6">
<div>6</div>
</r-col>
<r-col span="6">
<div>6</div>
</r-col>
<r-col span="6">
<div>6</div>
</r-col>
<r-col span="6">
<div>6</div>
</r-col>
</r-row>
# 分栏偏移
8
8
6
6
4
4
4
2
2
2
2
2
2
2
2
# 代码
<r-row gutter="10">
<r-col span="8">
<div>8</div>
</r-col>
<r-col span="8" offset="8">
<div>8</div>
</r-col>
</r-row>
<r-row gutter="10">
<r-col span="6" offset="6">
<div>6</div>
</r-col>
<r-col span="6" offset="6">
<div>6</div>
</r-col>
</r-row>
<r-row gutter="10">
<r-col span="4">
<div>4</div>
</r-col>
<r-col span="4" offset="4">
<div>4</div>
</r-col>
<r-col span="4" offset="8">
<div>4</div>
</r-col>
</r-row>
<r-row gutter="10">
<r-col span="2">
<div>2</div>
</r-col>
<r-col span="2" offset="2">
<div>2</div>
</r-col>
<r-col span="2">
<div>2</div>
</r-col>
<r-col span="2" offset="2">
<div>2</div>
</r-col>
<r-col span="2">
<div>2</div>
</r-col>
<r-col span="2" offset="2">
<div>2</div>
</r-col>
<r-col span="2">
<div>2</div>
</r-col>
<r-col span="2" offset="2">
<div>2</div>
</r-col>
</r-row>