2017-03-08 123 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文件。