栅格
- 采用了24栅格系统,将区域进行24等分
- 使用row在水平方向创建一行 将一组col插入在row中 在每个col中,键入自己的内容
- 通过设置col的span参数,指定跨越的范围,其范围是1到24 每个row中的col总和应该为24 水平排列的布局。
- col必须放在row里面。
Col props
属性 | 说明 | 类型 |
---|---|---|
span | 栅格的占位格数,可选值为0~24的整数,为 0 时,相当于display:none | Number | String |
order | 栅格的顺序,在flex布局模式下有效 | Number | String |
offset | 栅格左侧的间隔格数,间隔内不可以有栅格 | Number | String |
push | 栅格向右移动格数 | Number | String |
pull | 栅格向左移动格数 | Number | String |
class-name | 自定义的class名称 | String |
xs | <768px 响应式栅格,可为栅格数或一个包含其他属性的对象 | Number | Object |
sm | ≥768px 响应式栅格,可为栅格数或一个包含其他属性的对象 | Number | Object |
md | ≥992px 响应式栅格,可为栅格数或一个包含其他属性的对象 | Number | Object |
lg | ≥1200px 响应式栅格,可为栅格数或一个包含其他属性的对象 | Number | Object |