title: Change Bootstrap Color of Links in Navbar
body: <p>In my navbar I have the following: </p>
  
  <pre><code>Signed in as &lt;%= link_to current_user.name, edit_password_path(current_user) %&gt; | 
  &lt;%= link_to "Sign out", destroy_user_session_path, :method =&gt; :delete %&gt;
  </code></pre>
  
  <p>But the text appears black for the link. I have the following in my bootstrap and overrides CSS file:</p>
  
  <pre><code>@navbarLinkColor: @grayLight;
  @navbarLinkColorHover: @grayLight;
  @navbarLinkColorActive: @grayLight;
  </code></pre>
  
  <p>The resulting html looks like: </p>
  
  <pre><code>&lt;p class="navbar-text pull-right"&gt;
     Signed in as &lt;a href="/password/8/edit"&gt;Test&lt;/a&gt; | 
     &lt;a href="/users/sign_out" data-method="delete" rel="nofollow"&gt;Sign out&lt;/a&gt;
  &lt;/p&gt; 
  </code></pre>
  
  <p>So why isn't it working? I am using Twitter Bootstrap Rails Gem in my application.</p>