.container-fluid主体容器(唯一, 已包含在初始模板).row行, 放在.container-fluid里面,.col-*列, 放在.row里面- 行是列的横向容器, 只有列可以是行的直接子元素, 内容必须放置在列中
- 列类表明你想要占用的列的数量, 每行最多可用12列, 如果你想行内有3个等宽列, 可以使用
.col-4 - 为了移动端的显示效果, 建议列类使用
.col-lg-*, 这样在设备分辨率≤991px时, 列会转换为全宽状态
.col-lg-12
.col-lg-6
.col-lg-6
.col-lg-4
.col-lg-4
.col-lg-4
.col-lg-2
.col-lg-3
.col-lg-4
.col-lg-3
.row.justify-content-center / .col-lg-8 / 居中对齐
列嵌套
- 列中嵌套列也需要用
.row包含 - 内部嵌套的
.row不必是列的直接子元素, 大部分情况下是在卡片的主容器.card-body里进行布局
Powered by © ZhiYe Software Technology Co.,Ltd