怎样自定义Bootstrap的主题色?

来源:4-6 ColumnList 组件使用 Bootstrap 美化

hehe纷扬

2022-05-12

比如我想让primary从蓝色换成其它颜色,我现在的做法是修改_variables.scss,然后自己手动重新打包dist,但这样好像挺笨的,而且修改了源代码,怎样优雅快速的定制主题色呢?

写回答

1回答

张轩

2022-05-12

同学你好

你可以新建自己的一个sass 文件

然后在 sass 前面覆盖 bootstrap 提供的的变量名称,然后在引入 bootstrap 原本的 sass然后你引入的是自己的这个 sass 文件

更新:突然发现官网也有很好的例子:

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

按照官网来就可以了

1
1
hehe纷扬
非常感谢!
2022-05-22
共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3166 学习 · 2346 问题

查看课程