顏色

分類

1. bg：背景顏色
2. text：文字顏色，又分連結和一般文字兩類

組合

組合方式為分類-組合，可組合的值有：

1. primary
2. secondary
3. success
4. danger
5. warning
6. info
7. light
8. dark
9. white

ex：

<h1 class="text-primary">TITLE</h1>
<a href="#" class="text-info">link</a>
<div class="bg-success">
  <!-- 程式碼 -->
</div>

注意事項

1. 文字中連結和一般文字的差異，在於連結在hover動作時，顏色會加深一些。
2. 為確保美觀與可讀性，建議只要使用有色背景時，文字依背景深淺選擇黑或白兩色。

空間

分類

1. margin
2. padding

組合

分為方向值與數值兩種，可以都選貨單選一項。

組合方式為分類+方向值-數值，像是mt-3。

方向值：

1. t：top，控制上方
2. b：bottom，控制下方
3. r：right，控制右方
4. l：left，控制左方
5. x：控制左右兩方向
6. y：控制上下兩方向
7. 都不用：控制四個方向

數值：以該元素原有的基礎單位，乘以該數值表示的倍數

1. 0：0倍
2. 1：0.25倍
3. 2：0.5倍
4. 3：1倍
5. 4：1.5倍
6. 5：3倍
7. auto：margin專用