ブートストラップカスタマイズSASS変数は、ブートストラップをカスタマイズしようとすると

Question

を動作しないオーバーライド変数ファイルで

@charset 'utf-8'; 

@import 'variables'; 
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700'); 
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css'); 
@import 'layouts'; 

、私が持っている：

$font-family-base: 'Montserrat', sans-serif; 
$body-color: red; 

ただし、これらの変数はブートストラップによって無視されます。私は間違って何をしていますか？

Answer 1

ただし、CSSファイルをインポートしています。

単にソースをダウンロードしてインポートしてから、ブートストラップ変数を編集することができます。

Answer 2

あなたは

@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700'); 

$font-family-base: 'Montserrat', sans-serif; 
$body-color: red; 

@import 'bootstrap'; 

https://www.codeply.com/go/ZIRPuQ7E3x

...後にデフォルトの変数を上書きするように変更されているすべての変数を ブートストラップ/ SCSS をインポートする必要があります