Изменить цвет фона по умолчанию для панели навигации Bootstrap
Об этом можно было бы спросить и найти много сообщений для навигационной панели bootrap, но моя проблема все еще не исправлена. Код html с bootrap приведен ниже, и я пытаюсь изменить цвет фона панели навигации с серого по умолчанию на оранжевый или что-то еще, но он не работает, если я не использую! Important и не хочу использовать! Important.
<nav class = "navbar navbar-expand-lg navbar-light bg-light">
<a class = "navbar-brand" href = "#">Navbar</a>
<button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarNavAltMarkup" aria-controls = "navbarNavAltMarkup" aria-expanded = "false" aria-label = "Toggle navigation">
<span class = "navbar-toggler-icon"></span>
</button>
<div class = "collapse navbar-collapse" id = "navbarNavAltMarkup">
<div class = "navbar-nav">
<a class = "nav-item nav-link active" href = "#">Home <span class = "sr-only">(current)</span></a>
<a class = "nav-item nav-link" href = "#">Features</a>
<a class = "nav-item nav-link" href = "#">Pricing</a>
<a class = "nav-item nav-link disabled" href = "#">Disabled</a>
</div>
</div>
</nav>
Эй, посмотрите meta.stackexchange.com/questions/216464/…, чтобы узнать, как добавить свой код. Если вы посмотрите на текст вашего сообщения при редактировании, вы увидите 7 значков, вы увидите лист бумаги со скобками, вы также можете разместить там свой код. (:
Ответы 1
Просто измените bg-light на собственное имя, например, bg-orange или любое другое имя, которое вы хотите использовать, например:
HTML:
<nav class = "navbar navbar-expand-lg navbar-light bg-orange">
....
</nav>
А затем укажите новое имя класса, которое вы указали (здесь мы использовали bg-orange), в свой CSS следующим образом:
CSS:
.bg-orange {
background-color: orange;
}
Вот jsFiddle с приведенным выше кодом: http://jsfiddle.net/AndrewL64/hk0yp8a1/1/
P.S. Если ваш пользовательский цвет фона - темный цвет, вы также можете изменить класс navbar-light на navbar-dark, чтобы цвет шрифта изменился, чтобы адаптироваться к темной цветовой схеме, как можно увидеть в этом jsFiddle здесь: http://jsfiddle.net/AndrewL64/hk0yp8a1/6/
Вы настоящий MVP, это сработало. На вопрос в Reddit не получил правильного ответа, поскольку некоторые говорили использовать! Important bla bla bla, но этот сработал, изменив цвет на bg-orange, и теперь в CSS я могу изменить его без! Важно этим ".bg-orange {background -color: red;} "Спасибо, чувак :)
Спасибо за ответ! Голоса, отданные теми, у кого репутация менее 15, записываются, но не изменяют общедоступный рейтинг публикации. Проголосовал, но я все еще не в хорошей репутации человек :(
определенно буду задавать вопросы, но по прошествии 5 дней это отстой, хахаха, в любом случае спасибо, чувак
Обновить; код не работает с пространством, чтобы добавить сюда, не знаю, как разместить здесь код