Ruby on rails 如何在导航栏上将引导链接更改为颜色
如何在导航栏上将link_更改为颜色,使其看起来像这样Ruby on rails 如何在导航栏上将引导链接更改为颜色,ruby-on-rails,twitter-bootstrap,ruby-on-rails-4,twitter-bootstrap-rails,Ruby On Rails,Twitter Bootstrap,Ruby On Rails 4,Twitter Bootstrap Rails,如何在导航栏上将link_更改为颜色,使其看起来像这样 <a class='brand' href='#'>PROJECT_NAME</a> 但它仍然是蓝色的:(如果您只想将类添加到link\u to元素,则需要将其添加到逗号之后 = link_to "PROJECT_NAME", root_path, class: 'brand' 但是根据我使用引导的经验,我认为它不会改变你的颜色。因此,你需要在CSS文件中向你的.brand类添加!important,以覆盖默认的
<a class='brand' href='#'>PROJECT_NAME</a>
但它仍然是蓝色的:(如果您只想将类添加到
link\u to
元素,则需要将其添加到逗号之后
= link_to "PROJECT_NAME", root_path, class: 'brand'
但是根据我使用引导的经验,我认为它不会改变你的颜色。因此,你需要在CSS文件中向你的.brand
类添加!important
,以覆盖默认的引导颜色。或者你可以这样硬编码它(以避免!important
条件):
如果您只想将类添加到
link\u to
元素,则需要将其添加到逗号之后
= link_to "PROJECT_NAME", root_path, class: 'brand'
但是根据我使用引导的经验,我认为它不会改变你的颜色。因此,你需要在CSS文件中向你的.brand
类添加!important
,以覆盖默认的引导颜色。或者你可以这样硬编码它(以避免!important
条件):
以下是对我有效的方法():
以下是对我有效的方法():
它没有帮助。我可以使用更改brand类中的字体大小!很重要,但它不适用于颜色属性,不知道为什么;/我刚刚检查了我的引导项目。一切正常。你的
品牌
是否属于a
元素,而不是li
?你能用品牌及其父元素显示CSS吗?a使用此链接关闭浏览器的输出?它没有帮助。我可以使用更改brand类中的字体大小!很重要,但它不适用于color属性,不知道为什么;/我刚刚检查了我的引导项目。一切正常。你的品牌
是否属于一个元素,而不是li
?你能用显示你的CSS吗e> 品牌
及其父元素?以及使用此链接的浏览器输出?
.navbar .nav > li > a {
&.brand {
color: #color;
}
}
<%= link_to "delete user", user, method: :delete,
data: {confirm: "Are you sure you want to delete this user?" }, class: 'delete' %>
li {
overflow: auto;
padding: 10px 0;
border-bottom: 1px solid $gray-lighter;
a:link {
&.delete {
color: red;
}
}
}