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

【问题标题】：use percentages for gutter width in Bootstrap SASS在 Bootstrap SASS 中使用百分比作为装订线宽度
【发布时间】：2015-02-06 22:41:17
【问题描述】：

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

错误：不兼容的单位：“%”和“px”。

有没有办法解决这个问题？

【问题讨论】：

标签： twitter-bootstrap sass bootstrap-sass

【解决方案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;

【讨论】：