title: Twitter bootstrap displays button with greyed text
body: <p>I'm using Twitter Bootstrap as a framework on my Ruby on Rails application.</p>
  
  <p>I use <code>link_to</code> to generate links that are styled as buttons, with the following CSS classes: "btn btn-primary btn-mini".</p>
  
  <p>For example:</p>
  
  <pre class="lang-erb prettyprint-override"><code>&lt;%= link_to 'New Event', url_for(:action =&gt; 'new', :controller =&gt; 'events') , :class =&gt; "btn btn-primary btn-mini" %&gt;
  </code></pre>
  
  <p>generates the following html </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;a href="/events/new" class="btn btn-primary btn-mini"&gt;New Event&lt;/a&gt;
  </code></pre>
  
  <p>The button displays correctly, but the button text is displayed in grey instead of white. Functionally it works fine, it's not disabled or so. The text also turns white when the mouse hovers over the button.</p>
  
  <p>I tested a few cases. What I concluded in is that whenever the generated (or hardcoded) link starts with a forward slash (/) the button text is greyed. Whenever it starts with a relative resource </p>
  
  <p>I'm running Rails 3.2.2, and using the latest twitter-bootstrap-gem.</p>
  
  <p>How can I fix that?</p>