自举4颜色在角9中不变。
自举4颜色在角9中不变。
提问于 2020-02-03 11:36:26
我已经制作了一个自定义scss文件(modified-bootstrap.scss)来覆盖引导变量。
$theme-colors: (
"primary": #84329b,
"secondary": #02bceb
);
@import "node_modules/bootstrap/scss/bootstrap.scss"; // tried relative path too然后将其导入到一个名为base.scss的文件中，该文件被添加到angular.json中。这是base.scss文件-
@import "./helpers";
@import "./custom";
@import "./modified-bootstrap";这是我的angular.json文件的scss图表，样式和脚本数组-
"styles": [
"src/styles.scss",
"src/assets/theme/base.scss",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.slim.min.js",
"node_modules/popper.js/dist/umd/popper.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"
]
...
...
"schematics": {
"@schematics/angular:component": {
"styleext": "scss"
}
}鞋带工作正常，但颜色不会被覆盖。知道我做错什么了吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-02-03 19:35:14
您应该从样式数组中删除"node_modules/bootstrap/dist/css/bootstrap.min.css“。
"styles": [
"src/styles.scss",
"src/assets/theme/base.scss"
],因为您已经在base.scss中导入了引导程序sass的版本。
Stack Overflow用户
发布于 2020-02-03 12:03:45
我知道是什么引起了这个问题。这是angular.json在样式数组中的顺序。我的base.scss文件列在bootstrap.min.css之前，我认为这会覆盖我的更改。改变秩序解决了问题。名单应该是这样的-
"styles": [
"src/styles.scss",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
"src/assets/theme/base.scss",
],页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60038452
复制相关文章
相似问题
腾讯云开发者
