2015-05-14 6 views
1

у меня есть:Bootstrap - Изменить цвет navbar-fixed-top?

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
... 
</nav> 

И я хочу, чтобы изменить цвет класса NavBar выше. Я попытался с помощью этого кода безуспешно грубой силы изменить цвет:

.navbar { 
    .navbar-inner { 
    background-color: #2c2c2c; 
    background-image: none; 
    } 
} 

/* navbar */ 
.navbar-fixed-top { 
    background-color: #990099; 
    border-color: #E7E7E7; 
} 

ПРИМЕЧАНИЕ: Я попробовал решение связанный с этим вопрос, используя TWBSColor, но он не работает, если я не изменил NavBar фиксированной сверху NavBar, который Я не хочу этого делать.

+0

это, кажется, работает хорошо. Можете ли вы уточнить, какой цвет вы хотите, чтобы ваш '

+0

Есть CSS для переопределения. См. Этот пример: http://bootply.com/qTu1FldGZl – ZimSystem

ответ

2

Чтобы переопределить Bootstrap css, вы должны разместить свой собственный CSS BELOW ссылку на загрузку.

Это класс Navbar-inverse, который вам нужно изменить или заменить собственным CSS.

Простое изменение navbar-inverse сделает это.

1

Как сказал AngularJR, вы должны либо добавить CSS после начальной загрузки CSS включить или добавить! Важно, чтобы правила CSS вы хотите изменили

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