BootStarp4實做入門

17. 文字顏色、底色

  1. 顏色的通用類別:http://bootstrap.hexschool.com/docs/4.0/utilities/colors/
  2. 利用 .bg-* .text-* 可以分別設定文字的背景色和前景色。
    <span class="bg-secondary text-white p-1 px-5 my-2 d-inline-block">新聞影音專區</span>
  3. .px-5 是加大文字的左右內距。

  4. .my-2 是加大文字上下和其他元件的距離。

  5. .d-inline-block 則是將該文字設定為行內區塊,使之具有區塊特色(可以設定 margin),亦可隨文字多寡而調整大小。