2017-02-09 9 views
0

У меня возникли проблемы изменяя цвет моего текста в навигационной панели, я использую, и это мой текущий код макета:MVC - Bootstrap 3.0 - Изменение Navbar текст

<!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> 

и стиль: background- цвет в моем верхнем div в моем теле работает нормально, но когда я добавляю цвет: белый за ним, он не влияет на текст в моем навигаторе, он просто остается этим странным голубоватым цветом.

Я пытался идти в мой пользовательский CSS файл (teststylesheet.css) и сделано:

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

но ничего не произошло. Я признаю, что я новичок в CSS и HTML, и я чувствую, что делаю что-то очень очевидное, очень неправильно.

Любая помощь очень ценится!

Редактировать: Попробовал добавить нижеследующий указатель ниже в мой stylesheet.css, но ничего не произошло.

+0

Пожалуйста отправьте соответствующий HTML и CSS в вашем вопросе. –

+0

В прикрепленном изображении показан соответствующий HTML-код, и мой попытка CSS написана в OP. Не уверен, что еще я должен добавить. – Fross

+0

html навигатора и css всех элементов внутри nav. Публикация изображений или кодов во внешних ссылках здесь не принимается, так как они могут истечь, тем самым делая поток бесполезным для других людей, имеющих эту же проблему в долгосрочной перспективе. –

ответ

0

Предполагая, что текст в панели навигации ссылки, вы должны быть ориентированы анкерные ссылки, как это:

.nav li a { 
    color: #FFF; 
} 
+0

попытался добавить ваше предложение в мою таблицу стилей CSS, но это не изменило цвет текста. – Fross

+0

Попробуйте отредактированный фрагмент кода. Вы забыли добавить пробелы между классами. –

+0

Пробовал код обновления тоже, к сожалению, ничего не произошло. Что касается добавления всех CSS-навигаторов, их нет, за исключением стандартного загрузочного буфера 3.0. – Fross