首页 > 解决方案 > bootstrap.css 主题在 ASP.NET Core MVC 中不起作用的原因是什么?

问题描述

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

页面顶部 页脚

我已将主题添加为目录中的 bootstrap-lumen.css 并将目录中的配置wwwroot\lib\bootstrap\dist\css\为指向引导主题。_Layout.cshtmlViews\Shared\

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

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

标签: cssasp.netasp.net-mvc

解决方案


Maby 是因为 Bootstrap 版本的不同!

ASP.NET 默认模板的 Bootstrap 版本是 3.xx,您选择的主题使用 Bootstrap 版本 4.xx

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

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

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


推荐阅读