2回答

张轩

2022-08-03

已采纳

同学你好  给你自己写了一遍

在 src 新建 custom.scss

// 在这里设定你的变量，所有的变量名称可以看：bootstrap/scss/variables 这个文件
$primary: #0074d9;
// 引入整体的库，这个时候上面定义的变量就会将默认值覆盖掉，注意这个文件引入要在定义变量的下方
@import "../node_modules/bootstrap/scss/bootstrap";

然后在原来引入 bootstrap 的地方，引入这个文件

import './custom.scss'

注意加入 vue-cli 报错没有 sass-loader 就装一下。

npm install sass sass-loader -D

然后颜色就变啦

0

1

慕莱坞3345942

非常感谢！辛苦了

2022-08-03

共1条回复

张轩

2022-08-02

同学你好

主要是这个文档：

https://getbootstrap.com/docs/5.2/customize/sass/#maps-and-loops

先创建一个 custom.scss 文件，在项目中引用这个文件。

// 在这里设定你的变量，所有的变量名称可以看：bootstrap/scss/variables 这个文件
$primary: #0074d9;
// 引入整体的库，这个时候上面定义的变量就会将默认值覆盖掉，注意这个文件引入要在定义变量的下方
@import "node_modules/bootstrap/scss/bootstrap";

试一下行不行～

0

1

慕莱坞3345942

老师你好，还是不太会，完成 custom.scss 文件之后，如何应用更改呢。 此时项目内是通过 ` import 'bootstrap/dist/css/bootstrap.min.css' ` 引入的 bootstrap，是需要在哪里引入 scss 文件，还是要重新编译 bootstrap 呢 还望老师解答

2022-08-02

共1条回复