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 中有很多关于此的有用信息,所以如果您遗漏了任何内容,请随时检查那里(或询问)。
从 "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 中有很多关于此的有用信息,所以如果您遗漏了任何内容,请随时检查那里(或询问)。