Question

在我的导航栏中，我有以下内容：

Signed in as <%= link_to current_user.name, edit_password_path(current_user) %> | 
<%= link_to "Sign out", destroy_user_session_path, :method => :delete %>

但该链接的文字显示为黑色。我在我的引导程序中有以下内容并覆盖CSS文件：

@navbarLinkColor: @grayLight;
@navbarLinkColorHover: @grayLight;
@navbarLinkColorActive: @grayLight;

生成的html如下：

<p class="navbar-text pull-right">
   Signed in as <a href="/password/8/edit">Test</a> | 
   <a href="/users/sign_out" data-method="delete" rel="nofollow">Sign out</a>
</p>

那么为什么它不起作用？如果有帮助，我在我的应用程序中使用Twitter Bootstrap Rails Gem。

Answer 1

我在尝试更改引导程序中的所有链接颜色时遇到问题，并且在bootstrap-overides-and-css文件中设置这些颜色似乎没有做任何事情。在custom.css文件或主css文件的顶部引用这些变量对我来说很有用。

因此，在导入引导程序之前，将变量放在主样式表的顶部。

custom.css

$linkColor:      #EDDA74;
$linkColorHover: #D4A017;

@import "bootstrap";

/* mixins, variables, etc. */

请注意。我还必须将@更改为全局变量。

希望它有所帮助。

Answer 2

也许你有一个scaffold.css。删除它。 Bootstrap无法正常使用

在Navbar中更改链接的Bootstrap颜色

2 个答案: