Django Bootstrap 4 nicht in der Lage SCSS verwendet

Question

Also mit dem Anschluss an einen 4 Spalten Kartenansicht festlegen Ich versuche: https://v4-alpha.getbootstrap.com/components/card/#card-columns

Hier ein erfolgreiches Online-Beispiel: DEMO

Ich folgte dieses Tutorial Setup django Kompressor: https://django-compressor.readthedocs.io/en/latest/quickstart/

ich habe folgenden Code in main.scss Datei:

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

Und ich kann Bootstrap nicht importieren. Ich habe versucht, die bootstrap.css in den gleichen Ordner zu setzen, dann sagt das System: Error: no Mixin namens media-breakpoint-only

Ich bin irgendwie neu, wie kann ich es beheben? Dank

Answer 1

Ich glaube, Sie diese in Ihre settings.py Datei setzen sollte:

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

um für Kompressor "precompile" Ihre .scss Datei.