C# ASP.NET web应用程序无法使用自定义引导正确显示内容

C# ASP.NET web应用程序无法使用自定义引导正确显示内容,c#,css,asp.net,asp.net-mvc,bootstrap-4,C#,Css,Asp.net,Asp.net Mvc,Bootstrap 4,我刚刚创建了asp.net mvc应用程序。我想把网站的“主题”改为“我必须bootswatch并选择黑色主题”。然后我将其添加到Content文件夹并编辑了App\u Start\BundleConfig.cs更改: bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/bootstrap.css", "~/Content/site

我刚刚创建了asp.net mvc应用程序。我想把网站的“主题”改为“我必须
bootswatch
并选择黑色主题”。然后我将其添加到
Content
文件夹并编辑了
App\u Start\BundleConfig.cs
更改:

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

成功了。但使用默认主题时,该站点如下所示:

使用
暗引导时,它不会在
选项卡中显示
关于联系人注册登录的主页:

我不得不点击箭头指向的那个小按钮,以显示包含这些内容的列表

我在Google Chrome、Firefox和Microsoft Edge上试用过。我还尝试了其他文件,如
Lumen
Superhero
。仍然没有效果。在我学习这一切的视频中:,作者使用了
Lumen
,这对他很有效

你能看出我做错了什么吗

@编辑。这是我的解决方案资源管理器:

这是我的导航栏部分:

我使用
Inspect
检查了这些东西,它们的不同之处在于:


基于我可以从中拼凑出的内容,问题是Bootstrap 4包含了一些“突破性的更改”。MVC模板是为Bootstrap3构建的,因此即使升级项目的Bootstrap版本也无法修复它,因为您需要使用的类已经更改

你有两个选择。一个是更新你的布局文件,你可以查看引导页面的链接或者寻求指导。我还发现,单击Bootswatch示例页面上的“<>”按钮查看导航栏的代码非常有用


或者,对于真正简单的方法,您可以使用。这应该会让你开始工作。

找出问题的最好方法是使用谷歌开发者工具。然后你可以看到应用了哪些css样式,哪些没有。嗯,不知道怎么做。我只能说页面源看起来完全一样,只是引导文件的路径不同您的文件没有正确加载您可以共享解决方案浏览器屏幕截图或检查google chrome中的控制台选项卡。请从~/Views/Shared文件夹中的_Layout.cshtml文件中查看导航栏部分。你还需要知道如何使用Chrome开发者工具。这是一个网络开发人员必须做的。使用[此]()链接作为参考来学习它。我已经在问题中添加了解决方案浏览器和导航栏部分截图。顺便说一句,我不是一个网络开发人员:我只是想让我的程序(这是一个TSP的遗传算法)在网络上显示它的输出,让它看起来更好
bundles.Add(new StyleBundle("~/Content/css").Include(
                      "~/Content/bootstrap-darkly.css",
                      "~/Content/site.css"));