ASP.NET-MVC5 – 为什么Bootstrap v4主题不能正确显示组件？

我有一个全新的ASP.Net MVC5应用程序。 我想将默认主题更改为Minty主题，即Bootstrap Version 4 。 但是，按照以下步骤操作后，主题变得混乱，并且没有正确显示组件，例如导航栏。 任何人都可以指导我如何安装Bootswatch的最新主题。

因为它是一个全新的ASP.Net MVC应用程序。 我做了以下事情：

1. 已安装的Bootstrap ： Install-Package bootstrap - Version 4.0.0
2. 安装jQuery ： Install-Package jQuery -Version 3.2.1
3. 安装Popper.js ： Install-Package popper.js -Version 1.12.9

安装完上面的。 我做了以下步骤来尝试更改默认主题：

1. 选择Minty主题并下载并复制bootstrap.css样式
2. 称为文件minty.bootstrap.css
3. 将minty.bootstrap.css添加到Content文件夹
4. 更新了捆绑包以在App_Start – > BundleConfig.cs文件夹中定位新的Minty主题

BundleConfig.cs文件：

 bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include( "~/Scripts/bootstrap.js", "~/Scripts/respond.js")); bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/minty.bootstrap.css", "~/Content/site.css")); 

_Layout.cshtml文件：

  @Styles.Render("~/Content/css") @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/bootstrap") 

然后构建项目以检查更改但导航栏不是预期的：

谢谢

Answer 1

是的，你必须删除布局页面中的导航div并把它

 
 Navbar    
 
 
 Home (current) 
 
 Features 
 
 Pricing 
 
 About 
 
 
  Search 
 
  

Answer 2

为了将来参考，我在导航栏中遇到了类似的问题，不得不更改布局页面以匹配下面的Bootstrap 4.0文档链接提供的信息：

https://getbootstrap.com/docs/4.0/components/navbar/

编辑：另外，我必须将我的所有@ Html.ActionLink替换为Navbar Item它像我升级我的Bootstrap之前的工作方式一样