Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/string/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 如何在Bootstrap4.5中使用$spacer变量?_Twitter Bootstrap_Bootstrap 4_Sass - Fatal编程技术网

Twitter bootstrap 如何在Bootstrap4.5中使用$spacer变量?

Twitter bootstrap 如何在Bootstrap4.5中使用$spacer变量?,twitter-bootstrap,bootstrap-4,sass,Twitter Bootstrap,Bootstrap 4,Sass,下面是Bootstrap的_variables.scss文件中$spacer的代码: $spacer: 1rem !default; $spacers: () !default; // stylelint-disable-next-line scss/dollar-variable-default $spacers: map-merge( ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer,

下面是Bootstrap的_variables.scss文件中$spacer的代码:

$spacer: 1rem !default;
$spacers: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$spacers: map-merge(
  (
    0: 0,
    1: ($spacer * .25),
    2: ($spacer * .5),
    3: $spacer,
    4: ($spacer * 1.5),
    5: ($spacer * 3)
  ),
  $spacers
);

酷,这些看起来都很有用。但我如何在SCS中实际使用这些?我试过
$spacer-4
$spacer(4)
$spacer(4)
。。。所有抛出错误:(

使用
map get
。例如:

.foo {
    padding: map-get($spacers,4)
}
演示: