Bootstrap网格系统
2020-02-25 本文已影响0人
波拉拉
-
尺寸对应
尺寸对应图
- 所有类名
① 容器：container, example-container, container-fluid
②行：row,no-gutters
③列：col,col-auto,col-1到col-12,order-first, order-last,order-0到order-12，offset-1到offset-12
(然后xm,md,lg,xl再循环一轮) - col-auto：宽度由内容决定
- 实践上要从最小屏幕开始设置
- no-gutters：列之间没有间距
- 可以配合ml-auto和mr-auto实现自动靠边
- 列以列也可以嵌套行
- 可以配合flex实现水平和垂直方向上的对齐
