text-center :字體居中 left \ right \
bg-primary 背景色為網(wǎng)頁主題的主顏色 light: 背景色亮色dark：暗色
font-weight-normal : 字體粗細(xì)-正常 bold ： 加粗
text-success ：字體顏色-成功時(shí)的顏色
text-lowercase：英文字母全部小寫 uppercase ： 大寫 capitalize ：首字母大寫
w-* : 設(shè)置元素的寬度為父級(jí)容器整體寬度的 百分之多少 例：w-50
h-* : 設(shè)置元素的高度為父級(jí)容器整體高度的 百分之多少 例：h-50
padding和margin：
語法:
[p\m][location]-[size]
location: t ：top \ b : bottom \ l : left \ r : right \ x : lr \ y : tb size : 0 \ 1: 0.25rem \ 2: 0.5rem \ 3: 1.0rem \ 4: 1.5rem \ 5: 3rem \ auto
按鈕： btn-*
btn-success : 按鈕顏色 \ warning \ primary \ danger \ dark \ light \ info
btn-sm ： 小按鈕 btn-lg : 大按鈕
網(wǎng)格系統(tǒng)：
row : 一行
col-[1~12] 12列布局
超出12則另起一行
響應(yīng)式布局--屏幕大小的劃分（寬度的劃分）
1、超?。‥xtra small） <576px .col-*
2、?。⊿mall） >= 576px .col-sm-*
3、中（Medium） >= 768px .col-md-*
4、大（Large） >= 992px .col-lg-*
5、超大（Extra large） >= 1200px .col-xl-*
例子：
<div class=" col-xl-12 col-lg-10 col-md-8 col-sm-4 bg-success"> 響應(yīng)式的顯示方案，根據(jù)不同的條件顯示不同的寬度</div>
order-[1-12]
一個(gè) row 中的顯示順序 數(shù)字越小越靠前。例：.order-1 排在最前面
也可以配合響應(yīng)式的寬度劃分來使用： 例： .order-md-1
表格：
table
table-hover ： 鼠標(biāo)移入時(shí)讓當(dāng)前行高亮（添加到table標(biāo)簽上）
nav導(dǎo)航
.nav nav-tabs 標(biāo)明是導(dǎo)航區(qū)域，以tab方式進(jìn)行導(dǎo)航
.nav-item導(dǎo)航項(xiàng)
.nav-link 導(dǎo)航鏈接 .nav-link active 當(dāng)前導(dǎo)航鏈接高亮
data-toggle="tab" 以tab方式進(jìn)行數(shù)據(jù)切換（bootstrap中內(nèi)置的JS腳本）
.tab-content tab要切換的內(nèi)容區(qū)
導(dǎo)航條：
.navbar navbar-expand 導(dǎo)航條擴(kuò)展(橫向排列) navbar-light 導(dǎo)航條背景色 navbar-brand
網(wǎng)頁頂部顯示信息（點(diǎn)擊可關(guān)閉）
<div class="alert alert-danger text-center
mb-0 rounded-0 alert-dismissible fade show">
廣告廣告廣告！
<button class="close" data-dismiss="alert">×</button>
</div>
