Layout
- row：行
- col：列
将每一行划分为24份，通过设置el-col的
span=""属性，决定该列占据一行中的几份1/24 如：
<el-row>
<el-col :span="24"><div>...</div></el-col> // 24份，占据一整行
</el-row>
<el-row>
<el-col :span="12"><div>...</div></el-col> // 12份，占据半行
<el-col :span="4"><div>...</div></el-col> // 4份，占据1/6行
<el-col :span="8"><div>...</div></el-col> // 8份，占据1/3行
</el-row>
注意： 同一行每一列span的值加起来可以小于24
- el-row属性
gutter="":同一行每列之间的距离,单位：无(此处数值1=1px)type="flex":启用flex布局，常与justify属性一起用justify="":定义子元素的水平排版方式- start:从左往右
- center：居中
- end：从右往左
- space-between：两边子元素靠边对齐，其他子元素平均分配空间
- space-around：平均分配空间
align= ""：子元素垂直排版方式- top
- middle
- bottom
tag：自定义元素标签
- el-col属性
offset="":该列向右偏移的距离，单位:无（此处数值1=1/24）- 响应式布局，参照bootstrap（bootstrap分12份，element-ui分24份）
xl=""当width>=1920时触发lg=""当width>=1200px时触发md=""当width>=992px时触发sm=""当width>=768px时触发xs=""当width<768px时触发
pull=""该列向右移动push=""该列向左移动tag：自定义元素标签
