17.
文字顏色、底色
- 顏色的通用類別:http://bootstrap.hexschool.com/docs/4.0/utilities/colors/
- 利用
.bg-*
及 .text-*
可以分別設定文字的背景色和前景色。
<span class="bg-secondary text-white p-1 px-5 my-2 d-inline-block">新聞影音專區</span>
-
.px-5
是加大文字的左右內距。
-
.my-2
是加大文字上下和其他元件的距離。
-
.d-inline-block
則是將該文字設定為行內區塊,使之具有區塊特色(可以設定 margin),亦可隨文字多寡而調整大小。