Navbar цвет Twitter Bootstrap Rails

Question

Вот Link to Source Code на GitHub

• Я раздвоенный проект для того, чтобы узнать некоторые рельсы и такие
• Однако, у меня возникли проблемы с простой задачей изменения цвета NavBar
• кажется, что мои изменения bootstrap_and_overrides.css.less не имеет никакого эффекта

Я попробовал несколько подходов. , ,

... 
..... 
....... app/assets/stylesheets/bootstrap_and_overrides.css.less 
........... 
............. 


// Your custom LESS stylesheets goes here 
// 
// Since bootstrap was imported above you have access to its mixins which 
// you may use and inherit here 
// 
// If you'd like to override bootstrap's own variables, you can do so here as well 
// See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation 
// 
// Example: 
// @linkColor: #036747; 


.navbar { 
    background-color: #A4C8EC; 
    background-image: none; 
} 

Подход № 2

... 
..... 
....... 
........... 

.navbar-inverse .navbar-inner { 
    background-color: #FFFFFFF; 
    border-color: #252525; 
} 

Подход № 3

... 
..... 
....... 
........... 

@navbarBackground: #ffffff; 

Мысли

• Я уверен, что я использую bootstrap или меньше переменных в неправильном порядке.
• Если вам нужно больше исходного кода, он находится в GitHub - link наверху .

Благодаря

Answer 1

Как Mallanaga упоминалось в комментарии к вашему сообщению, вы можете попробовать добавить !important к CSS, так:

.navbar-inverse .navbar-inner { 
    background-color: #FFFFFFF; 
    border-color: #252525; 
} 

становится:

.navbar-inverse .navbar-inner { 
    background-color: #FFFFFFF !important; 
    border-color: #252525 !important; 
} 

Кроме того, дважды проверьте, что вы фактически используете .navbar-inverse i n ваш HTML, а не .navbar-default.

Answer 2

убедитесь, что ваши загрузочные файлы включены в ваш application.css, так что конвейер активов завершен, и редактирование будет выполнено!

application.css

/* 
* 
* require bootstrap 
* 
*/