ruby-on-rails-3 - Navbar のリンクの Bootstrap の色を変更する

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 ファイルの先頭でこれらの変数を参照すると、うまくいきました。

そのため、ブートストラップをインポートする前に、変数をメインのスタイルシートの上部に配置してください。

カスタム.css

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

@import "bootstrap";

/* mixins, variables, etc. */

ノート。また、グローバル変数の @ を $ に変更する必要がありました。

それが役に立てば幸い。

Answer 2

scaffold.css があるかもしれません。消して。Bootstrap が正しく動作しない