title: MVC - Bootstrap 3.0 - Change navbar text
body: <p>I am having trouble changing the color of my text in the navbar I'm using, and this is my current layout code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;@ViewBag.Title - My ASP.NET Application&lt;/title&gt;
      @Styles.Render("~/Content/css")
      @Scripts.Render("~/bundles/modernizr")
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="navbar navbar-fixed-top" style="background-color:#61B00D;"&gt;
          &lt;div class="container"&gt;
              &lt;div class="navbar-header"&gt;
                      &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;/button&gt;
  
                      @Html.ActionLink("Application name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand"  })
              &lt;/div&gt;
              &lt;div class="navbar-collapse collapse"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li&gt;@Html.ActionLink("Home", "Index", "Home")&lt;/li&gt;
                      &lt;li&gt;@Html.ActionLink("About", "About", "Home")&lt;/li&gt;
                      &lt;li&gt;@Html.ActionLink("Contact", "Contact", "Home")&lt;/li&gt;
                  &lt;/ul&gt;
                  @Html.Partial("_LoginPartial")
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="container body-content"&gt;
          @RenderBody()
          &lt;hr /&gt;
          &lt;footer&gt;
              &lt;p&gt;&amp;copy; @DateTime.Now.Year - My ASP.NET Application&lt;/p&gt;
          &lt;/footer&gt;
      &lt;/div&gt;
  
      @Scripts.Render("~/bundles/jquery")
      @Scripts.Render("~/bundles/bootstrap")
      @RenderSection("scripts", required: false)
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and the style:background-color in my top div in my body is working fine, but when I add color:white behind it, it doesn't affect the text in my navbar, it just remains this weird blue-ish color. </p>
  
  <p>I've tried going into my custom css file (teststylesheet.css) and done: </p>
  
  <pre><code>.nav.navbar-nav li {
      background-color:#61B00D; color:crimson
  }
  </code></pre>
  
  <p>but nothing happened. I'll admit I'm a rookie at CSS and HTML, and I feel like I'm doing something very obvious, very wrong.</p>
  
  <p>Any help is greatly appreciated! </p>
  
  <p>Edit: Tried adding the tip below to my stylesheet.css, but nothing happened.</p>