c# - ASP.NET Web 应用程序无法使用自定义 Bootstrap 正确显示内容

Question

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

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

到:

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

成功了。但是使用默认主题，网站看起来像这样:

使用 darkly Bootstrap 时，它不会显示 Home About Contact Register Log in 标签:

我必须单击箭头指向的那个小按钮才能显示列表。

我在 Google Chrome、Firefox 和 Microsoft Edge 中尝试过。我尝试了其他文件，例如 Lumen 或 Superhero。还是没有效果。在我学习所有这些的视频中:https://www.youtube.com/watch?v=E7Voso411Vs ，它的作者使用了 Lumen 并且它对他有用。

你能看出我做错了什么吗？

@编辑。这是我的解决方案浏览器:

这是我的导航栏部分:

我使用 Inspect 检查了这些东西，这里它们有所不同:

Answer 1

根据我可以从 this Stack Overflow question 中拼凑出来的内容, 和 this page from Booststrap ，问题在于 Bootstrap 4 包含一些“重大更改”。您的 MVC 模板是为 Bootstrap 3 构建的，因此即使为您的元素升级 Bootstrap 版本也无法修复它，因为您需要使用的类已经更改。

您有两个选择。一种是更新你的Layout文件，你可以看看this section Bootstrap 页面或 this Stack Overflow question指导。我还发现单击 Bootswatch 示例页面上的“< >”按钮以查看导航栏代码非常有帮助。

或者，对于真正简单的方法，您可以只使用 Booststrap version 3 theme反而。这应该让您启动并运行。