bootstrap 变量多久改变一次

how often do bootstrap variables change

"bootstrap": "~4.0.0-beta.2" 切换到 "bootstrap": "^4.0.0"_variables.scss 中添加了新变量。 Boostrap 类名仅在有主要版本升级(AFAIK)时更改,但同样适用于 _variables.scss 吗?

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

版本之间变量名称是否改变?

变量名称不应更改,因为Bootstrap 4 现在处于"real" 版本(非测试版)。

这些变量是有充分理由的:升级时您的 CSS 不应该损坏。当然不包括主要版本).

当然可以添加新变量,因为它们不会破坏您的 CSS。

如果您在升级前有任何疑问,可以随时查看 changelogs。这些应该说明任何重大变化。

在 S 中使用变量CSS

设置构建工具并创建 SCSS 文件(假设 custom.scss)后,您可以导入 Bootstrap 并覆盖您想要的任何变量(您可以在 Bootstrap 源代码 _variables.scss 中找到它们 ):

//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";

一些注意事项:

  • 如果您不使用 NodeJS,那么只需确保导入路径指向 bootstrap.scss 文件(不要将 .scss 放在导入中)
  • 如果你看过Bootstrap4的源代码,你可能在每个变量后面都看到了!default不要在覆盖中包含。它只是告诉Sass变量可以被替换

docs 中有很多关于此的有用信息,所以如果您遗漏了任何内容,请随时检查那里(或询问)。