网络排版
1.网格系统是响应式的，列会根据屏幕大小自动重新排列
2.网格每一行需要放在设置了 .container (固定宽度) 或 .container-fluid (全屏宽度) 类的容器中
3.网格系统类似表格的行列划分（row行，col列）
4.网格系统每行划分为12等分，通过col-*设置（*号为1-12），也可以不设数值由bootstrap自动布局
列类：
.col- 针对所有设备
.col-sm- 平板 - 屏幕宽度等于或大于 576px
.col-md- 桌面显示器 - 屏幕宽度等于或大于 768px
.col-lg- 大桌面显示器 - 屏幕宽度等于或大于 992px
.col-xl- 特大桌面显示器 - 屏幕宽度等于或大于 1200px
.col-xxl- 超大桌面显示器 - 屏幕宽度等于或大于 1400px
偏移类：
.offset- 针对所有设备
.offset-sm- 平板 - 屏幕宽度等于或大于 576px
.offset-md- 桌面显示器 - 屏幕宽度等于或大于 768px
.offset-lg- 大桌面显示器 - 屏幕宽度等于或大于 992px
.offset-xl- 特大桌面显示器 - 屏幕宽度等于或大于 1200px：
示例
自动布局： <div class="row"> <div class="col"></div> <!--占总宽50%--> <div class="col"></div> <!--占总宽50%--> </div> 不等宽响应式： <div class="row"> <div class="col-4"></div> <!--占总宽4/12--> <div class="col-8"></div> <!--占总宽8/12--> </div>