bootstrap.css 主题在 ASP.NET Core MVC 中不起作用的原因是什么？答案

【问题标题】：What is the reason for a bootstrap.css theme not working in ASP.NET Core MVC?bootstrap.css 主题在 ASP.NET Core MVC 中不起作用的原因是什么？
【发布时间】：2019-02-20 00:13:43
【问题描述】：

我正在尝试更改 ASP.NET Core MVC 中的默认主题。我正在使用来自https://bootswatch.com/ 的 Lumen 主题，但它似乎无法正常工作。下面附上图片。

我在wwwroot\lib\bootstrap\dist\css\目录中添加了主题为bootstrap-lumen.css，并在Views\Shared\目录中配置了_Layout.cshtml指向bootstrap主题。

主题和 ASP.NET Core MVC 项目都针对引导版本3.3.7。

这个问题是由 ASP.NET/ASP.NET Core 的新手提出的，所以对于任何简单的错误，我深表歉意。

【问题讨论】：

按 f12 确认您的 javascript 文件是否已上传。
根据developer.mozilla.org/en-US/docs/Web/HTTP/Status/…，所有javascript文件的状态为304（未修改）。
检查 jQuery 文件是否已上传，并在浏览器控制台中查看当您按下幻灯片中的下一个按钮时会发生什么。一定有一些与 Jquery 相关的错误。
我在网络选项卡中看到 jQuery，但在 Visual Studio 或检查元素控制台中找不到任何更新。我不擅长后者，所以这可能是我什么都没看到的原因。
检查 css 和 javascript 文件的路径是否有拼写错误。

标签： css asp.net asp.net-mvc

【解决方案1】：

可能是因为Bootstrap版本不同！

ASP.NET 默认模板的 Bootstrap 版本为 3.x.x，您选择的主题使用 Bootstrap 版本 4.x.x。

所以你应该在你的项目中替换最新的 Bootstrap（包括 css 和 js 文件）。

如果两个版本相同，请使用您的网络浏览器检查并检查所有 css 和 JavaScript 文件是否已成功加载。

请记住，在对文件进行任何更改后，请通过 Ctrl+f5 重新加载您的网络浏览器以忽略浏览器缓存。

【讨论】：

看起来这是答案，但 Bootswatch 网站对 CSS 本身的版本有误。谢谢！