<!-- 基础布局 -->
<re-row class="demo-basic">
<re-col class="demo-col-24" :span="24">
<re-row class="demo-basic-half">
<re-col class="demo-col-12" :span="12">
<re-col class="demo-col-12b" :span="12">
<re-row class="demo-basic-third">
<re-col class="demo-col-8" :span="8">
<re-col class="demo-col-8b" :span="8">
<re-col class="demo-col-8c" :span="8">
<!-- 栅格间距 -->
<re-row class="demo-gutter" :gutter="20">
<re-col class="demo-gutter-col-1" :span="12">
<re-col class="demo-gutter-col-2" :span="12">
<!-- 水平对齐 -->
<re-row class="demo-justify-start" justify="start">
<re-col class="demo-justify-start-col" :span="6">
<re-row class="demo-justify-center" justify="center">
<re-col class="demo-justify-center-col" :span="6">
<re-row class="demo-justify-end" justify="end">
<re-col class="demo-justify-end-col" :span="6">
<re-row class="demo-justify-between" justify="space-between">
<re-col class="demo-justify-between-col-1" :span="6">
<re-col class="demo-justify-between-col-2" :span="6">
<re-row class="demo-justify-around" justify="space-around">
<re-col class="demo-justify-around-col-1" :span="6">
<re-col class="demo-justify-around-col-2" :span="6">
<!-- 垂直对齐 -->
<re-row class="demo-align-top" align="top">
<re-col class="demo-align-top-col" :span="8">
<re-col class="demo-align-top-col-2" :span="8">
<re-row class="demo-align-middle" align="middle">
<re-col class="demo-align-middle-col" :span="8">
<re-col class="demo-align-middle-col-2" :span="8">
<re-row class="demo-align-bottom" align="bottom">
<re-col class="demo-align-bottom-col" :span="8">
<re-col class="demo-align-bottom-col-2" :span="8">
<!-- 偏移 -->
<re-row class="demo-offset">
<re-col class="demo-offset-col" :span="8" :offset="8">
<!-- 推拉 -->
<re-row class="demo-push-pull">
<re-col class="demo-push-col" :span="8" :push="4">
<re-col class="demo-pull-col" :span="8" :pull="4">
<!-- 默认span -->
<re-row class="demo-default-span">
<re-col class="demo-default-span-col">
