Bootstrap的class属性
1，role
增强语义性，⽤于⾃定义组件，可增强组件的访问性，可⽤性和可交互性
2，⽂字
属性名
含义
font-size
字体⼤⼩
line-height
⾏⾼
font-family
默认字体
h1-h6
标题⼤⼩
Disolay
控制标题样式
small
创建字号更⼩颜⾊更浅的⽂本
mark
为黄⾊背景及有⼀定的内边距（⾼亮⽂本）
abbr
显⽰在⽂本底部的⼀条虚线边框(似标记⽂本）
font-weight-bold
更细⽂本
font-weight-light
控制标题样式
font-weight-normal
普通⽂本
font-italic
斜体⽂本
lead
让段落更突出
text-left
左对齐
text-center
居中
text-right
右对齐
text-justify
设定⽂本对齐,段落中超出屏幕部分⽂字⾃动换⾏
text-nowrap
超出屏幕不换⾏
text-justify
⽂本对齐，超出屏幕部分⾃动换⾏
text-nowrap
超出屏幕不换⾏
text-lowercase
⽂本⼩写
text-uppercase
⽂本⼤写
text-capitalize
单词⾸字母⼤写
3，⽂本颜⾊
属性名
含义
text-muted
柔和⽂本（很淡的灰）
text-primary
重要⽂本（蓝⾊）
text-success
执⾏成功的⽂本（绿⾊）
text-info
提⽰信息（很淡的蓝）
text-warning
警告⽂本（黄⾊）
text-danger
危险⽂本（红⾊）
属性名
含义
text-dark
深灰⾊⽂字
text-light
浅灰⾊⽂本
text-white
⽩⾊⽂本
4，背景颜⾊
属性名
含义
bg-primary text-white
重要背景颜⾊（蓝⾊）
bg-success text-white
成功背景颜⾊（绿⾊）
bg-info text-white
信息提⽰背景颜⾊（青⾊）
bg-warning text-white
警告背景颜⾊（黄⾊）
bg-danger text-white
危险背景（红⾊）
bg-dark text-white
深灰⾊
bg-light text-dark
浅灰⾊
5，表格
属性名
含义
table
设置基础表格样式
table-striped
条纹表格
table-bordered
带边框的表格
table-hover
⿏标悬停状态表格（⿏标在哪个哪个⾼亮）
table-responsive
响应式表格，当屏幕较⼩的时候会出现滚动条
注：若要设置表格颜⾊基本和设置⽂本颜⾊⼀样：eg:table-primary
6，图像形状
属性名
含义
rounded
圆⾓图⽚
rounded-circle
椭圆图⽚
img-thumbnail
缩略图（有边框）
img-responsive
响应式图⽚
7，图⽚对齐⽅式
属性名
含义
float-right
右对齐
float-left
左对齐
center-block
居中
8，导航
属性名
含义
nav
导航类
nav-item
导航项
nav-link
导航链接
9，其他
属性名
含义
sr-only
隐藏某个标签
10，媒体特性的属性
属性名
含义
orientation
设置是是横屏或者竖屏
width
渲染界⾯的宽度
device-width
设置屏幕的输出宽度
