title: Twitter bootstrap button problems with Rails (ERB)
body: <p>Why is there such a big difference in my twitter bootstrap button with the two following codes:</p>
  
  <pre><code>  &lt;li&gt;&lt;%= link_to 'Post A Ride', home_path, :class =&gt; "btn btn-success" %&gt;&lt;/li&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>  &lt;li&gt; link_to '&lt;button class="btn btn-success"&gt; Post A Ride &lt;/button&gt;'&lt;/li&gt;
  </code></pre>
  
  <p>I would like the button to be the same as the second code button, the one with ERB is ugly.</p>
  
  <p>It seems the li class and and Nav and Ul is messing with the btn class. How do I override it?</p>
  
  <p>Here is the full code:</p>
  
  <pre><code> &lt;header class="navbar"&gt;
   &lt;div class="navbar-inner"&gt;
   &lt;div class="container"&gt; 
  
    &lt;%= link_to "ALift", '#', id: "logo" %&gt;
    &lt;nav&gt;
      &lt;ul class="nav pull-right"&gt;
        &lt;li&gt;&lt;%= link_to 'Post A Ride', home_path, :class =&gt; "btn btn-success" %&gt;&lt;/li&gt;
        &lt;li&gt;&lt;%= link_to "Search",  '#' %&gt;&lt;/li&gt;
        &lt;li&gt;&lt;%= link_to "Help",    '#' %&gt;&lt;/li&gt;
        &lt;li&gt;&lt;%= link_to "Sign in", '#' %&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/nav&gt;
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/header&gt;
  </code></pre>
  
  <p>Any advice.</p>