:::

7. 間隔工具

  1. 間隔工具的組成為「屬性邊緣-尺寸」
  2. 屬性設定:
    • m - 這個 class 會設定 margin
    • p - 這個 class 會設定 padding
  3. 邊緣設定:
    • t - 這個 class 會設定 margin-top 或 padding-top
    • b - 這個 class 會設定 margin-bottom 或 padding-bottom
    • l - 這個 class 會設定 margin-left 或 padding-left
    • r - 這個 class 會設定 margin-right 或 padding-right
    • x - 這個 class 會設定 *-left 和 *-right
    • y - 這個 class 會設定 *-top 和 *-bottom
    • 空白 - 如果邊緣 class 未加入則會設定 margin 或 padding 在元素的四個邊緣
  4. 尺寸設定:
    • 0 - 這個 class 會設定 margin 或 padding 的樣式值為 0
    • 1 - (預設時) 這個 class 會設定 margin 或 padding 於 $spacer * .25
    • 2 - (預設時) 這個 class 會設定 margin 或 padding 於 $spacer * .5
    • 3 - (預設時) 這個 class 會設定 margin 或 padding 於 $spacer
    • 4 - (預設時) 這個 class 會設定 margin 或 padding 於 $spacer * 1.5
    • 5 - (預設時) 這個 class 會設定 margin 或 padding 於 $spacer * 3
  5. 詳情:http://bootstrap.hexschool.com/docs/4.0/utilities/spacing/

:::

書籍目錄

展開 | 闔起

快速登入


https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbdsn%3D944%26tbsn%3D32

計數器

今天: 6625662566256625
昨天: 2489248924892489
總計: 8028607802860780286078028607802860780286078028607