next.js的sass覆盖bootstrap5中的默认颜色吗？
next.js的sass覆盖bootstrap5中的默认颜色吗？
提问于 2021-06-06 12:00:53
我已经加载了bootstrap并正在使用我的next.js应用程序。几天来，我一直在尝试覆盖默认颜色。
我的global.scss文件
@import "../node_modules/bootstrap/scss/bootstrap";
$primary:#f3ced6;我知道我的scss文件连接到主app.js文件，因为所有样式都可以工作，包括新的sass变量。我就是不能让sass覆盖默认颜色。
任何帮助都是最好的！
回答 1
Stack Overflow用户
发布于 2021-06-07 02:14:41
这里有几件事：
可能是你还没有安装sass。如果是这种情况，请执行以下操作：
npm install sass
更改此
@import "../node_modules/bootstrap/scss/bootstrap";
$primary:#f3ced6;到
// Custom variables
$primary:#f3ced6;
@import "../node_modules/bootstrap/scss/bootstrap";在导入Bootstrap之后添加变量。将它们添加到顶部，我通常会为此创建一个文件并执行以下操作：
// Custom variables
@import "../scss/variables";
// Bootstrap core
@import "node_modules/bootstrap/scss/bootstrap";在variables.scss中，您可以像往常一样添加引导程序变量。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67858868
复制相关文章
相似问题
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
