无法将Bootswatch主题添加到Bootstrap 4？

Question

我正在寻找开始使用SCSS的Bootstrap 4。我想我有启动和运行SCSS的Bootstrap4，但我想使用https://bootswatch.com的主题。当我在BS3中使用他们的主题时，你只是替换了更少的文件。对于BS4，他们有一个_variables.scss，很明显可以替换，但是他们有一个_bootswatch.scss文件，我不是100%确定要做什么。

我假设我只是将_bootswatch部分文件放在与所有其他BS部分文件相同的位置。然后，我在bootstrap.scss文件的末尾添加了@import "bootswatch";并重新编译，但这似乎确实起作用了。

我已经搜索了，但找不到任何关于这方面的信息。他们的文档主要展示了如何插入他们的预编译文件或使用他们的CDN。使用他们的SCSS文件的内容很少。

Answer 1

我做了一些研究和测试，终于让它工作了。我想为其他有同样问题的人张贴一个答案。希望这能对其他人有所帮助。

我创建了一个新的MVC5项目，然后运行了以下NuGet包。

Install-Package bootstrap
Install-Package bootstrap.sass

这将注册Bootstrap并在Content\bootstrap文件夹中创建所有局部scss文件。然后，我创建了Content\scss并将_variables.scss和_bootswatch.scss文件复制到该文件夹。

在我的site.scss文件中，我将以下导入添加到文件的顶部。

@import "scss/variables";
@import "bootstrap/bootstrap.scss";
@import "scss/bootswatch";

你必须注意你放置它们的顺序，任何其他的顺序都会导致它不起作用，或者由于变量的创建和调用位置而抛出错误。

如果你研究一下default！您将了解到，它与!important相反，导致该变量仅在找不到其他变量时才使用该设置。在我看来，从Bootswatch _varaiables中删除！默认值会更准确，我就是这么做的。然而，这似乎最终并没有影响到任何事情。我仍然不得不使用上面的顺序。

然后，我必须在App_start\BundleConfig.cs文件中删除所有对Bootstrap.css的引用，并确保它引用了site.min.css文件，该文件将包含所有引导程序类。使用Visual Studio的Web编译器插件，我让它为我创建并编译site.min.css。