如何在 ASP.Net MVC 中使用不同的 Bootstrap 主题？答案

【问题标题】：How to use a different Bootstrap theme in ASP.Net MVC?如何在 ASP.Net MVC 中使用不同的 Bootstrap 主题？
【发布时间】：2017-08-15 18:58:00
【问题描述】：

所以我一直在寻找如何从 ASP.NET MVC 5 中的默认引导主题更改的问题。我可以通过使用 bootswatch 中的模板来更改它，并且基本上将 bootstrap.css 复制到我当前的bootstrap.css。

但是当我尝试使用其他主题时like this one

我似乎无法通过更改 .css 和 .js 来完成我尝试过的另一项工作，就像我已经阅读了不同的教程一样。我错过了什么？

任何帮助将不胜感激。

【问题讨论】：

不明白你到底想要什么？无论您向 MVC 项目添加什么主题或模板，您只需要相应地更改 CSS 和 JS 文件即可获得您预期的样式或其他任何内容。
他们使用了您提到的主题的单独自定义 css。意味着默认的引导 css 在那里是相同的，他们正在新的 css 文件中添加样式。最好的方法是从 getbootstrap.com/customize 自定义引导下载构建。他们会给你自己选择的 boostrap.css 构建
@SahilDhir 所以我从您提供的链接中的模板上传了 config.json，然后下载了引导 zip 文件。然后我是否将新的 bootstrap.css 和 bootstrap.js 放入我的项目中？
他们是否为您提供了新版本？？
@SahilDhir 是的，zip 文件包含 css、字体、js 文件夹和 config.json。

【解决方案1】：

我不知道你是否还在寻找答案。现在几岁了。也许其他人会看到这一点。我在寻找不同问题的答案时遇到了这个问题。如果您想更改引导主题，只需在 BundleConfig.cs 文件中进行。在 App_Start 下。这是您更改各种脚本库的地方。包括引导程序。例如：

 bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap-lumen.css",
                  "~/Content/site.css"));

我将 bootstrap.css 的默认主题更改为 bootstrap-lumen.css。希望这可以帮助。

【讨论】：

【解决方案2】：

您可能希望从遵循一些教程开始。 This 一个看起来很清楚，应该可以帮助你。

这个概念非常简单：添加默认引导脚本和内容文件，然后添加自己的脚本来覆盖某些设置。您可以修改默认文件，但不建议这样做。

请注意，应在 HTML 中的默认引导文件之后引用自定义脚本，否则它们将不起作用。

【讨论】：