MVC - 引导3.0 - 更改导航栏的文本

我无法改变我在我使用导航栏文本的颜色，这就是我目前的布局代码：MVC - 引导3.0 - 更改导航栏的文本

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>@ViewBag.Title - My ASP.NET Application</title> 
    @Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 

</head> 
<body> 
    <div class="navbar navbar-fixed-top" style="background-color:#61B00D;"> 
     <div class="container"> 
      <div class="navbar-header"> 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 

        @Html.ActionLink("Application name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" }) 
      </div> 
      <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav"> 
        <li>@Html.ActionLink("Home", "Index", "Home")</li> 
        <li>@Html.ActionLink("About", "About", "Home")</li> 
        <li>@Html.ActionLink("Contact", "Contact", "Home")</li> 
       </ul> 
       @Html.Partial("_LoginPartial") 
      </div> 
     </div> 
    </div> 
    <div class="container body-content"> 
     @RenderBody() 
     <hr /> 
     <footer> 
      <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p> 
     </footer> 
    </div> 

    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/bundles/bootstrap") 
    @RenderSection("scripts", required: false) 
</body> 
</html>

和风格：背景 - 我的身体顶部div中的颜色工作正常，但当我在其后面添加颜色：白色时，它不会影响导航栏中的文本，它只是保持了这种奇怪的蓝色。

我试图进入我的自定义CSS文件（teststylesheet.css）和完成：

.nav.navbar-nav li { 
    background-color:#61B00D; color:crimson 
}

，但什么都没有发生。我承认我是CSS和HTML的新手，我觉得我做的事情非常明显，非常错误。

任何帮助，非常感谢！

编辑：试着将下面的提示添加到我的stylesheet.css中，但没有发生任何事情。

来源

2017-02-09 Fross

请张贴有关HTML和CSS在你的问题。 –

附加的图片显示了相关的HTML代码，我的尝试CSS写在OP中。不知道我应该添加什么。 – Fross

navbar的html和nav中所有元素的css。在这里不接受在外部链接中发布图片或代码，因为它们可能会过期，从而导致线程长期处于无法处理同样问题的其他人。 –

假设在你的导航栏文字是链接，你必须瞄准这样的锚链接：

.nav li a { 
    color: #FFF; 
}

来源

2017-02-09 20:51:40

试图将您的建议添加到我的CSS样式表中，但它没有改变文本颜色。 – Fross

尝试上面编辑的代码片段。你忘了在类之间添加空格。 –

也尝试了更新代码，不幸的是没有发生任何事情。至于添加导航的所有css，除了标准bootstrap 3.0工作表之外没有。 – Fross

MVC - 引导3.0 - 更改导航栏的文本

回答

相关问题