Как изменить bootstrap link_to цвет на navbar

Question

Как изменить link_to цвет на navbar, чтобы он выглядел следующим образом:

<a class='brand' href='#'>PROJECT_NAME</a> 

до сих пор у меня есть

.brand 
    = link_to "PROJECT_NAME", root_path 

, но его до сих пор голубой :(

Answer 1

Если вы просто хотите добавить класс link_to элемент, вам нужно добавить его после запятой.

= link_to "PROJECT_NAME", root_path, class: 'brand' 

Но мой опыт работы с Bootstrap, я думаю, что он не изменит ваш цвет. Итак, вам нужно добавить !important в ваш класс .brand в файле CSS, чтобы перезаписать стандартные цвета Bootstrap. Или вы можете жёстко это так (чтобы избежать !important условий):

.navbar .nav > li > a { 
    &.brand { 
    color: #color; 
    } 
} 

Answer 2

Вот что работал для меня (part of the code is from the rails tutorial by Michael Hartl):

<%= link_to "delete user", user, method: :delete, 
     data: {confirm: "Are you sure you want to delete this user?" }, class: 'delete' %> 

Тогда в моем файле custom.css.scss у меня есть:

li { 
    overflow: auto; 
    padding: 10px 0; 
    border-bottom: 1px solid $gray-lighter; 
    a:link { 
     &.delete { 
     color: red; 
     } 
    } 
    }