2017-03-08 65 views
0

所以我想设置以下配置的4列卡片视图: https://v4-alpha.getbootstrap.com/components/card/#card-columnsDjango的引导4无法使用SCSS

下面是一个成功的在线例如:DEMO

我跟着这个教程设置Django的压缩机:https://django-compressor.readthedocs.io/en/latest/quickstart/

我有以下的main.scss文件代码:

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

我无法导入引导程序。我试图把bootstrap.css放在同一个文件夹中,然后系统弹出错误提示:错误:没有混入名为media-breakpoint-only

我对此有点新,如何解决?由于

+1

你读过[this](http://django-compressor.readthedocs.io/en/latest/usage/#css-notes)吗? –

+1

或[this](http://django-compressor.readthedocs.io/en/latest/settings/#django.conf.settings.COMPRESS_PRECOMPILERS)? –

回答

0

我相信你应该把这个变成你的settings.py文件:

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

,以便压缩机“预编译”你.scss文件。