2021-08-09

#bootstrap4中的$spacer是什么意思

用mt-1时看官网

1 - (by default) for classes that set the margin or padding to $spacer * .25

那么这个==$space==是什么呢

这里$spacer是一个SASS变量。默认情况下，它的值是1rem。因此mt-1是margin-top:.25rem;

6个间距单位（0-5）中的每一个的值都来自$spacers SASS map变量。。。

$spacers: (
    0: 0,
    1: ($spacer * .25),
    2: ($spacer * .5),
    3: $spacer,
    4: ($spacer * 1.5),
    5: ($spacer * 3)
)

那么

mt-1 = .25rem
mt-2 = .5rem
mt-3 = 1rem
mt-4 = 1.5rem
mt-5 = 3rem