Question

我已经在我的ASP.NET MVC项目中包含了bootstrap的lumen主题，并用默认的bootstrap.css主题替换了它。现在，我面临的问题是主题的导航栏看起来不应该如此。实际上，根本没有导航栏。

using System.Web;
using System.Web.Optimization;

namespace vidly
{
    public class BundleConfig
    {
        // For more information on bundling, visit https://go.microsoft.com/fwlink/?LinkId=301862
        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.validate*"));

            // Use the development version of Modernizr to develop with and learn from. Then, when you're
            // ready for production, use the build tool at https://modernizr.com to pick only the tests you need.
            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                        "~/Scripts/modernizr-*"));

            bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                      "~/Scripts/bootstrap.js"));

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

enter image description here

Answer 1

检查此图像的代码：

click on this image for inspect element] 1

嗨，右键单击标题选择检查元素。检查HTML中是否显示黄色代码。或者检查CSS是否正在覆盖

Answer 2

我遇到了同样的问题。根据我的调查，自录制您正在使用的教程以来，流明主题代码已更改。结果，某些类名称已更改。我没有时间将作者在教程中使用的bootstrap-lumen.css文件的源CSS代码与bootswatch上的实际文件进行比较。所以我决定快速解决这个问题...

这就是我解决这个问题的方式

1）转到教程作者的GitHub（我不应该宣传他并引用他的URL地址，但是如果您输入他的全名并添加单词“ GitHub”，则会找到它。

2）选择反映您正在创建的项目的存储库

3）查看该项目中的提交，然后转到第二个最早的提交

4）搜索名为../Content/bootstrap-lumen.css的文件夹和文件

5）复制文件bootstrap-lumen.css的源代码

6）将源代码粘贴到具有相同名称的本地文件的实际源代码中

7）保存本地文件（Ctrl + S）并刷新浏览器

对我有用。我希望它即使不是最聪明的方法也能提供帮助。

Bootstrap Lumen主题的NavBar问题

2 个答案: