Grid 栅格

分栏间隔

<b-row :gutter="20">
    <b-col :span="12">
        <div class="docs-col"></div>
    </b-col>
    <b-col :span="12">
        <div class="docs-col"></div>
    </b-col>
</b-row>

分栏偏移

<b-row :gutter="20">
    <b-col :span="12" :offset="6">
        <div class="docs-col"></div>
    </b-col>
    <b-col :span="4" :push="2">
        <div class="docs-col"></div>
    </b-col>
</b-row>
<b-row>
    <b-col :span="3" :pull="1">
        <div class="docs-col"></div>
    </b-col>
    <b-col :span="17">
        <div class="docs-col"></div>
    </b-col>
</b-row>

row属性

参数 说明 类型 可选值 默认值
gutter 栅格间隔 number - 0

col属性

参数 说明 类型 可选值 默认值
span 栅格列数 number - 24
offset 栅格左侧间隔格数 number - 0
push 栅格右移格数 number - 0
pull 栅格左移格数 number - 0