Twitter bootstrap 如何使用-bootswatch.scss更新引导?

Twitter bootstrap 如何使用-bootswatch.scss更新引导?,twitter-bootstrap,sass,bootstrap-4,bootswatch,Twitter Bootstrap,Sass,Bootstrap 4,Bootswatch,我是SCSS的新手,我正在尝试将一个使用Bootstrap3的站点升级为使用Bootstrap4。使用Bootswatch 3,我只需将bootstrap.less和variables.less文件替换为从Bootswatch下载的主题。但是,在SCSS版本中,文件标记为_bootswatch.SCSS,而不是_bootstrap.SCSS。我是将引导样本文件命名为引导名称,然后在项目中覆盖该文件,还是只需要在导入引导下面的@imports中包含_引导样本?此外,bootswatch中的_var

我是SCSS的新手,我正在尝试将一个使用Bootstrap3的站点升级为使用Bootstrap4。使用Bootswatch 3,我只需将bootstrap.less和variables.less文件替换为从Bootswatch下载的主题。但是,在SCSS版本中,文件标记为_bootswatch.SCSS,而不是_bootstrap.SCSS。我是将引导样本文件命名为引导名称,然后在项目中覆盖该文件,还是只需要在导入引导下面的@imports中包含_引导样本?此外,bootswatch中的_variables.scs的设置比bootstrap中的设置少得多。所以,我假设我实际上不会替换bootstrap中的_变量,而只是在bootstrap导入之后导入bootswatch版本

更新

这是我在我的Site.scss中的内容,但它似乎没有跟上潮流。文件夹结构是正确的路径。它们是由VisualStudio的Intelissense创建的。我想这应该行得通

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

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

@import "bootswatch";

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

@import "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";
见第页的文档

他说:

确保在_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";

看一些视频,我看到你可以做一个捷径,不包括下划线或.scss文件扩展名,但我想也不会停止它的工作?我发布的更新看起来应该有效吗?如果将其添加到bootstrap.scss,则需要重新编译bootstrap.min.css。我使用预印本。观看一些视频,我看到你可以做一个捷径,不包括下划线或.scss文件扩展名,但我想也不会阻止它工作?我发布的更新看起来应该有效吗?如果将其添加到bootstrap.scss,则需要重新编译bootstrap.min.css。我用预印本。