引导变量多久会改变一次

Question

从"bootstrap": "~4.0.0-beta.2"切换到"bootstrap": "^4.0.0"在_variables.scss中添加了新变量。 Boostrap类名仅在存在主要版本升级（AFAIK）时才会更改，但同样适用于_variables.scss吗？

它会改变我们在应用程序中共享_variables.scss的方式。

Answer 1

变量名称是否会在不同版本之间发生变化？

变量名称不应更改，因为Bootstrap 4现在处于“真实”版本（测试版之外）。

变量是有充分理由的：升级时你的CSS不应该破坏。（不计算课程的主要版本）。

当然可以添加新变量，因为那些变量不会破坏你的CSS。

如果您在升级前不确定，可以随时查看changelogs。那些应该讲述任何重大变化。

在SCSS中使用变量

当您设置构建工具并创建SCSS文件（假设为custom.scss）时，您可以导入Bootstrap并覆盖您想要的任何变量（您将在{{1>中找到它们）在Bootstrap源代码中）：

_variables.scss

有些注意事项：

• 如果您没有使用NodeJS，那么只需确保导入路径指向//Your variable overrides //Let us change the primary color which is set in the primary variable $primary: #ce40c5; //In this case we are importing everything //Here we are using NodeJS with NPM, so your files should be here @import "node_modules/bootstrap/scss/bootstrap"; 文件（不要在导入中放置bootstrap.scss）
• 如果您已检查过Bootstrap 4的源代码，则可能在每个变量后都看到.scss。 不要在您的覆盖中包含。它告诉Sass可以替换变量

docs中有很多关于此信息的好消息，如果您遗漏任何内容（或询问），请随时查看。