1.栅格系统
栅格系统将容器宽度平均分为12份,当超出12就会进行换行,这种结构类似于表格,但比表格跟好用。能快速的进行页面布局。
1.1 定义容器
容器分类:
- container:两边留白
- container-fluid:每一种设备都是100%宽度
1.2 定义行
row
1.3 定义元素
col-设备代号-格子数目
设备代号:
- xs:超小屏幕 手机 (<768px):col-xs-12
- sm:小屏幕 平板 (≥768px)
- md:中等屏幕 桌面显示器 (≥992px)
- lg:大屏幕 大桌面显示器 (≥1200px)
2.其他内容
其他内容需要参考开发文档,内容过多,不适合记录。
常见的有轮播图、图片样式、标题栏、等等。