使用Bootstrap模板时,导航栏不能正确显示。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Bootstrap模板时,导航栏不能正确显示。相关的知识,希望对你有一定的参考价值。

我正在学习MVC,我遵循的一个教程建议使用与默认模板不同的bootstrap模板。

我已经按照说明选择了lux,并下载了css,从 https:/bootswatch.comlux。.

我更换了以下内容

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

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

现在,当我建立和运行导航栏时,导航栏看起来全乱了。我也试过其他模板。

enter image description here

希望它是一个简单的修复......第一次使用bootstrap。

答案

所以问题是Visual Studio的.net MVC模板是为bootstrap 3构建的,而我下载的模板是bootstrap 4。我下载了正确的第3版模板,现在可以使用了。

你可以访问版本3的主题 https:/bootswatch.com3

以上是关于使用Bootstrap模板时,导航栏不能正确显示。的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap 4 导航栏无法在 IE11 中正确呈现

Bootstrap 导航栏未正确定位内部的某些元素

Bootstrap 3 Navbar - 不能正确折叠

跨多个模板将项目添加到 Bootstrap 导航栏

Bootstrap 4导航栏折叠菜单右对齐

导航栏未正确显示