title: Form input and submit button not aligned
body: <p>I have a simple form containing an input and a submit button. I use bootstrap for responsiveness. When the screen size is <code>md</code> I expect the input field to be aligned with the input as the <code>label</code> is set to <code>col-md-2</code>, the input to <code>col-md-10</code> and the submit to <code>col-md-10</code> with an offset of <code>col-md-offset-2</code>. The alignment does not happen the way I expected it to, any ideas why this is happening?</p>
  
  <p><strong>Update</strong></p>
  
  <pre><code>&lt;form method="post" class="form-horizontal" role="form"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="inputEmail3" class="col-md-2 control-label"&gt;Label&lt;/label&gt;
          &lt;div class="col-md-10"&gt;
            &lt;input type="text" class="form-control" id="inputEmail3" name="name"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group" style="height: 50px;"&gt;
          &lt;div class="form-group"&gt;
              &lt;div class="col-md-offset-2 col-md-10"&gt;
                &lt;button type="submit" class="btn btn-success"&gt;Done&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>See demo <a href="http://jsfiddle.net/m2rcxdx2/1/" rel="nofollow">here</a></p>