无法覆盖引导数据库中的变量

s3fp2yjn  于 2022-10-21  发布在  其他
关注(0)|答案(1)|浏览(163)

我正在尝试覆盖Bootstrap中的主色,但它就是不起作用。顺便说一句,我正在使用NextJS。
这是我在“_app.js”中导入的“global als.scss”。

$primary: black;
@import 'bootstrap/scss/bootstrap';

我在index.js中导入了Bootstrap,如下所示

import 'bootstrap/dist/css/bootstrap.css'

我试着查了一下,但都不管用。我试过的是:

  • 从Bootstrap SCSS导入函数、变量和混合。
  • 重新安排进口。
  • 将bootstrap/scss/bootstrap.scss导入到“_app.js”

但我注意到,在检查器中,它显示我的原色是黑色,但在它的正上方,它又变回了原来的颜色:
下图:

上图:

mbyulnm0

mbyulnm01#

如果您像这样改变顺序,会怎么样?

@import 'bootstrap/scss/bootstrap';
$primary: black;

编辑

看看文档吧。

相关问题