bootstrap scss 自定义Spacing 创建一个新的px

Bootstrap SASS允许你自定义间距（spacing），以便更好地控制项目的布局和样式。要在Bootstrap SASS中创建一个新的像素单位，你需要了解如何修改变量和混合宏。

首先，你需要找到`_variables.scss`文件，这是Bootstrap SASS的核心文件，其中包含了所有的默认变量，包括间距相关的变量。例如，寻找`$spacer-x`和`$spacer-y`这样的变量，它们通常定义了基本的水平和垂直间距的基础值。

接下来，你可以创建一个新的变量，比如命名为`$custom-spacing`，并设置它等于你想要的新像素值。例如：

// Custom spacing variable in pixels
$custom-spacing: 8px !default;

然后，如果你想调整现有的间距，比如按钮的边距，可以使用`make-responsive()`函数，并将新变量作为基础：

@mixin custom-spacing($base) {
  margin-left: $base;
  margin-right: $base;
}

.btn {
  @include custom-spacing($custom-spacing);
}

记得在定制完成后，运行SASS编译器将这些更改转换为CSS。