ASP.NET MVC5 Bootstrap CSS乱搞导航？

Question

我目前是ASP.NET新手,目前正在学习如何更改主题.

我做了什么:

1. 在VS2017中,我启动了一个新的ASP.NET Web应用程序.这是我更改CSS之前的默认主题.

2. 我得到了一个主题来自:https://bootswatch.com/lumen/并用新的主题代码替换Content/bootstrap.css,因为我已经通过多个教程指示了.

完成这些步骤后,我的标题导航变得混乱并突然变成一个丑陋的下拉菜单？

下面是它应该看起来的样子.

有人能告诉我哪里出错了,或者我错过了什么步骤？我按照从视频教程到T的说明,我没有错过任何步骤,我无法实现相同的输出.唯一的区别是教练正在使用VS2013.

Answer 1

您正在观看Mosh Hamedani制作的ASP.NET MVC 5课程.您正在下载最新版本的Bootswatch主题,该主题适用于Bootstrap 4.默认的MVC 5模板使用Bootstrap 3.

您需要下载此版本的Lumen主题:" https://bootswatch.com/3/lumen/ "

或者,您可以通过更新Bootstrap NuGet包升级到Bootstrap 4.