Bootstrap主要预定义样式

1. 预定义的颜色有9种：primary、secondary、success、danger、warning、info、light、dark、white
2. 预定义的盒子尺寸：25、50、75、100，代表宽度或高度的百分比
3. 预定义的边距有m和p，分别代表外边距(margin)和内边距(padding)
4. 预定义的方向有t、b、l、r，分别代表上(top)、下(bottom)、左(left)、右(right)
5. 预定义的边距等级有0～5共6级，以及auto(自动边距)。pt-5则表示上外边距设为第五级

文本相关

1. text-muted 浅灰色文本，常用于表示时间等相对次要信息
2. display-显示级别 共四级，比普通标题标签要大，多用于首页展示、强调性信息
3. lead 让某个段落的信息更加突出
4. blockquote 引用某人话语
5. blockquote-footer 配合blockquote表示引用来源
6. text-文本对齐方向 可取center(居中)、right(右对齐)、left(左对齐)
7. text-预定义颜色 文本颜色

图片相关

1. img-fluid 响应式图片，能够根据浏览器窗口尺寸自由伸缩
2. img-thumbnail 相框效果
3. rounded 圆角图片
4. float-漂移方向 漂移方向可取left(左漂移)、right(右漂移)

表格相关

1. table 表格基本样式类，必加
2. table-dark 深色表格
3. thead-light 浅色表头
4. thead-dark 深色表头
5. table-striped 斑马线(两行颜色交叉)
6. table-bordered 有边框表格
7. table-borderless 无边框表格
8. table-hover 鼠标指针悬停高亮
9. table-sm 紧凑型表格

盒子相关

1. bg-预定义颜色 背景颜色
2. border 边框
3. border-预定义颜色 边框颜色
4. rounded 圆角边框
5. shadow 阴影效果
6. d-inline 内联显示
7. d-block 块级显示
8. fixed-top 固定在顶端
9. fixed-bottom 固定在底部
10. w-预定义尺寸 盒子宽度
11. h-预定义尺寸 盒子高度