Django Bootstrap 4 无法使用 scss

Question

我正在尝试使用以下内容设置 4 列卡片视图：Card Columns

这是一个成功的在线示例：DEMO

我按照this 教程设置了 Django 压缩器。

我在main.scss 文件中有以下代码：

@import 'bootstrap';
.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(xl) {
    column-count: 5;
  }
}

而且我无法导入 Bootstrap。我尝试将bootstrap.css 放在同一个文件夹中，但系统弹出错误提示：

错误：没有名为 media-breakpoint-only 的 mixin

我对此有点陌生。我如何解决它？谢谢。

Answer 1

我相信你应该把它放到你的settings.py 文件中：

COMPRESS_PRECOMPILERS = (
    ('text/x-sass', 'sass main.scss output_file.css')
)

为了让压缩器“预编译”您的.scss 文件。