MVC - Bootstrap 3.0 - Изменение Navbar текст

У меня возникли проблемы изменяя цвет моего текста в навигационной панели, я использую, и это мой текущий код макета: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, но ничего не произошло.

источник

2017-02-09 Fross

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

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

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

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

.nav li a { 
    color: #FFF; 
}

источник

2017-02-09 20:51:40

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

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

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

MVC - Bootstrap 3.0 - Изменение Navbar текст

ответ

Смежные вопросы