Я хочу изменить цвет фона и текста в прихлоп навигации
, но это's не меняется, как ожидалось... вот мои пользовательские CSS:
.navbar-default .navbar-fnt {
color: #FFFFFF;
}
.navbar-default .navbar-backgrnd {
color: #CC3333;
}
И соответствующий HTML-код:
<div id="menu" class="navbar navbar-default navbar-fnt navbar-backgrnd">
<div class="navbar-header">
<div class="collapse navbar-collapse">
ul and li
</div>
</div>
</div>
Я могу'т выяснить, почему выиграл'т изменение фона и текста-Цвет - может кто поможет?
Я успешно оформлен мой загрузочный навигации, используя следующее правило CSS. Также вы не'т определить любой шрифт в CSS, так что's, почему шрифт не'т изменение. Сайт, для которого это используется CSS можно найти здесь.
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #000; /*Sets the text hover color on navbar*/
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >
a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: white; /*BACKGROUND color for active*/
background-color: #030033;
}
.navbar-default {
background-color: #0f006f;
border-color: #030033;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #66CCFF; /*change color of links in drop down here*/
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: silver; /*Change rollover cell color here*/
}
.navbar-default .navbar-nav > li > a {
color: white; /*Change active text color here*/
}
Нет необходимости для конкретности .навигации-по умолчанию в ваш CSS. Цвет фона требует
фон-цвет:#cc333333(или просто
фон:#cc3333`). Наконец, вероятно, лучше, чтобы консолидировать все свои настройки в один класс, как показано ниже:
.navbar-custom {
color: #FFFFFF;
background-color: #CC3333;
}
..
<div id="menu" class="navbar navbar-default navbar-custom">
Пример: http://www.bootply.com/OusJAAvFqR#
Скорее всего эти классы уже определены ушко, убедитесь, что ваш файл CSS, который вы хотите переопределить классы с вызывается после начальной загрузки CSS.
<link rel="stylesheet" href="css/bootstrap.css" /> <!-- Call Bootstrap first -->
<link rel="stylesheet" href="css/bootstrap-override.css" /> <!-- Call override CSS second -->
В противном случае, вы можете положить !важно в конце ваш CSS такой:
цвет:#ffffff!важно, - но я бы не советовал использовать `!важно на все расходы.