Question

我是SCSS的新手，我正在尝试将使用Bootstrap 3的站点升级到使用Bootstrap 4.使用Bootswatch 3我只需用主题下载替换bootstrap.less和variables.less文件Bootswatch。但是，对于SCSS版本，该文件标记为_bootswatch.scss而不是_bootstrap.scss。我只是将bootswatch文件命名为bootstrap名称，然后在我的项目中覆盖该文件，或者我只需要在导入引导程序下面的@imports中包含_bootswatch？此外，bootswatch中的_variables.scss设置比来自bootstrap的设置要少得多。所以，我假设我实际上不会从引导程序中替换_variables，只是在引导程序导入后导入bootswatch版本？

更新

这就是我在Site.scss中的内容，但它似乎没有采用这种风格。文件夹结构是正确的路径。它们是由Visual Studio的智能创建的。我认为这应该工作。

@import "SASS/bootstrap/bootstrap.scss";
@import "SASS/bootswatch/cerulean/_bootswatch.scss";
@import "SASS/bootswatch/cerulean/_variables.scss";

Answer 1

请参阅https://github.com/thomaspark/bootswatch上的文档。

他说：

确保在_variables.scss和_bootswatch.scss之间导入Bootstrap的bootstrap.scss！

这就是我正在使用的：

//The order of the next 4 lines must be: my variable overrides (optional), bootswatch _variables, bootstrap, bootswatch _bootswatch
@import "variables";
@import "bootswatch_theme_slate/_variables";
@import "../../../node_modules/bootstrap/scss/bootstrap";
@import "bootswatch_theme_slate/_bootswatch";

Answer 2

在bootstrap.scss文件中将其导入下面。

@import "bootswatch";

如何使用-bootswatch.scss更新Bootstrap？

2 个答案: