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 - 更改導航欄的文本

回答

相關問題