引导自定义SASS变量覆盖不起作用

尝试按此处所述自定义引导：

这是我的

main.scss

文件：

@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;

---

但是，这些变量被引导忽略。我做错了什么？

但是您正在导入css文件

---

只需下载sass源代码，导入它，然后您就可以编辑引导变量。

但是您正在导入css文件

---

只需下载sass源代码，导入它，然后您就可以编辑引导变量。

在更改任何变量以覆盖默认变量之后，您需要导入引导/scss

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

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

@import 'bootstrap';

---

另请参见：

在更改任何变量以覆盖默认变量后，需要导入引导/scss

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

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

@import 'bootstrap';

另见：