Bootstrap 4 引导中$spacer的含义是什么？

我是新手。我是带着关于引导的文档来的：

https://getbootstrap.com/docs/4.3/utilities/spacing/

这里写着，当我们写例如mt-1时，这意味着：

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

---

在这种情况下，$spacer*.25是什么意思？

$spacer

是一个SASS变量。默认情况下，其值为

1rem

。因此，mt-1为

边缘顶部：.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

相关的：