element-ui借用了bootstrap框架的思想,使用了栅格布局。它把单一的分栏分为24列。
基本的使用方式如下:
lt;el-col :span="6";lt;div class="grid-content bg-purple"lt;/div,gt;lt;/el-col;gt;
span属性:表示col所要占领的栅格占比个数。offset属性:表示col相对偏移的个数。
Container布局容器
这些布局容器,一般充当div来使用。
el-container:外层容器。当子元素中包含 el-header 或 el-footer 时,全部子元素会垂直上下排列,否则会水平左右排列。
el-header:顶栏容器
el-footer:底部栏容器
el-aside:侧边栏容器
el-main:页面主视图