在Bootstrap SASS中使用百分比作为装订线宽度

Question

我正在尝试将_variables.scss文件中的$ grid-gutter-width：变量设置为2.4％，但我收到此错误：

错误：不兼容的单位：＆＃39;％＆＃39;和＆＃39; px＆＃39;。

有解决方法吗？

Answer 1

你有变量，它们总和百分比和像素。您必须将变量引导到相同的单位或使用css calc()

$container-tablet:             (720px + $grid-gutter-width) !default;
$container-desktop:            (940px + $grid-gutter-width) !default;
$container-large-desktop:      (1140px + $grid-gutter-width) !default;

将其更改为

$container-tablet:             unquote("calc(1140px -"+$grid-gutter-width+")") !default;
$container-desktop:            unquote("calc(1140px -"+$grid-gutter-width+")") !default;
$container-large-desktop:      unquote("calc(1140px -"+$grid-gutter-width+")") !default;