尝试自定义Bootstrap,如下所示:https://getbootstrap.com/docs/4.0/getting-started/options/
这是我的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;
但是,Bootstrap会忽略这些变量。我做错了什么?
答案 0 :(得分:1)
但是你要导入css文件。
只需下载sass源,导入它然后就可以编辑bootstrap变量。
答案 1 :(得分:0)
在更改任何变量后,您需要导入 bootstrap / scss 以覆盖默认变量..
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700');
$font-family-base: 'Montserrat', sans-serif;
$body-color: red;
@import 'bootstrap';