title: How to display remember me and submit buttons inline using Bootstrap?
body: <p>I would like to display remember me checkbox and submit button inline using Bootstrap 3 inside my Login form.</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2"&gt;
          &lt;div class="checkbox"&gt;
              &lt;label&gt;
                  &lt;input type="checkbox" name="remember" value="1"&gt; Remember me
              &lt;/label&gt;
          &lt;/div&gt; 
          &lt;button type="submit" class="btn btn-default"&gt;Submit&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>They do not align vertically very well, especially on mobile size. I would like them to be vertically aligned so the <code>checkbox</code> is in the middle of <code>Submit</code> button.
  Also <code>Remember me</code> label is not aligned nicely with <code>checkbox</code>, it seems like words <code>Remember me</code> are slightly higher than <code>chekcbox</code>.</p>
  
  <p>How to solve this ?</p>