title: align submit and cancel button with bootstrap
body: <p>I am using <code>bootstrap 2.0</code> within my rails app (using the <code>bootstrap-sass</code> gem) and am having trouble getting a submit button aligned with a cancel button. </p>
  
  <p>Here's the code snippet from the form in the html.erb file: </p>
  
  <pre><code>&lt;div class="span3"&gt;
    &lt;%= f.submit class: "btn btn-primary" %&gt;
    &lt;button type="button" class="btn"&gt;Cancel&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's the HTML it produces:</p>
  
  <pre><code>&lt;input class="btn btn-primary" type="submit" value="Add Person" name="commit"&gt;
  &lt;button class="btn" type="button"&gt;Cancel&lt;/button&gt;
  </code></pre>
  
  <p><p>
  And here's what it looks like in firefox 14.0.1. When I look at the </p>
  
  <p><img src="https://i.stack.imgur.com/f2IeW.png" alt="pic of mis-aligned buttons"></p>
  
  <p>Note: Adding input-append to the div gets me close (see pic below) but is still off a bit--note that cancel is still a bit lower and that the rounded corners on the right side of the add person button are cut off. </p>
  
  <p><img src="https://i.stack.imgur.com/bXd2p.png" alt="enter image description here"></p>
  
  <p>How can I get these two buttons to align properly?</p>
  
  <p><strong>Update</strong>
  I am using Firefox 14.0.1. When I look at the jsfiddle created by @Vestride to duplicate this problem here's what I see:</p>
  
  <p><img src="https://i.stack.imgur.com/CuYTn.png" alt="enter image description here"></p>
  
  <p>I am happy with the first result, but when I add the exact same code to my site, I don't get the same result. Instead I get the messed up alignment above. I wonder what this means? Maybe that my CSS for bootstrap is messed up?</p>
  
  <p><strong>Update 7/27</strong>
  In response to Vestride's latest suggestion, here are the buttons as they show in my Firefox from the fiddle Vestride put together. Note, there's no improvement with changing from input to submit. 
  <img src="https://i.stack.imgur.com/T1Qn2.png" alt="enter image description here"></p>