色系調色盤-bg/text
1 | <p class="text-primary">調整文字色系</p> |
移動位置區塊-p/m
- 移動y軸代表調整上下位置，x軸則是左右位置
- pl= padding left|
- py= padding top & bottom
- ml= margin left
響應式圖片
- img-fluid自動縮放圖片寬度
- rounded 可以讓圖片顯示圓角傚果
- rounded-circle 可以設置橢圓形圖片
1 | <img src="..." class="img-fluid rounded" alt="Responsive image"> |
背景圖
background-attachment是背景固定模式的屬性，而不同的固定模式就有不一樣的視覺效果
- scroll模式也是預設值，背景圖會隨著外圍頁面滾動而移動。
- fixed模式，不管外面、裡面怎麼滾，他都是不會動的。
- local模式，主要的特色就是，自己的區塊內如果滾動時，背景圖也會跟著移動。
icon圖型
i標籤將想使用的icon圖寫入欲出現位置
1 | <i class="fas fa-band-aid"></i> |
More info: font-awesome