ASP.NET Web应用程序:更改引导程序css文件导致显示导航栏底部

Question

我在V.S.2017中制作了一个新的asp.net web应用程序(MVC)，然后从web上的引导主题提供商下载bootstrap.css。我将下载的文件名更改为"bootstrap cosmo.css"，并将其复制到内容文件夹中。然后我在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-cosmo.css",
"~/Content/site.css"));

然后按ctrl+F5，我的导航栏几乎消失！

问题出在哪里？请注意，我从视频课程中一步一步地学习。

Answer 1

您需要保留原始的引导css文件，并添加可选的主题css文件：

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

主题本身很可能不包含完整的bootstrap.css内容。它只是覆盖了它想要主题化/更改的内容。

参考：https://getbootstrap.com/docs/3.3/getting-started/#download-cdn

Answer 2

确保下载的模板与程序使用的默认模板是相同版本的引导程序。我在尝试使用4.1.1的模板时遇到了这个问题，但ASP.Net 2.0选择使用的引导程序版本是3.3.7。

默认的bootstrap css将在文件开头的注释中显示其版本，模板也是如此。