Как расширить классы начальной загрузки

Question

Я делаю первые шаги с помощью Bootstrap Twitter и нуждаюсь в расширении компонентов. Например, я хочу изменить фон navbar, но без изменения исходного файла css. И другие модификации. Я пытаюсь создать новый класс (.test) с новым фоном:

.test{ 
    background-color: red !important; 
} 

И invoques в HMTL:

<div class="navbar navbar-fixed-top test"> 

Но, не работает. Как это сделать? и многое другое .... Любые идеи?

Answer 1

Есть несколько способов настройки/расширяющие классы Bootstrap, которые все обсуждаемые здесь: Twitter Bootstrap Customization Best Practices

Если вы собираетесь переопределить стили boostrap с вашим собственным настраиваемым CSS вы должны избегать использования !important, поскольку это, как правило, плохо практика.

В случае navbar, элемент, который имеет цвет фона является navbar-inner так что вы хотели бы переопределить так:

.test .navbar-inner{ 
    background-color: red; 
} 

Пользовательские Navbar пример: http://bootply.com/61032