title: Bootstrap 3 checkbox right side of text / button on own row
body: <p>I have the <a href="http://www.bootply.com/QwIQWpJD5r" rel="nofollow">current setup</a>.</p>
  
  <pre><code>&lt;div class="container" data-ng-controller="publicHome"&gt;
    &lt;div class="col-md-4 col-md-offset-4" style="background: black;"&gt;
          &lt;form data-ng-submit="signIn()" class="form-horizontal"&gt;
  
  
              &lt;div class="form-group"&gt;
                  &lt;input type="email" data-ng-model="email" placeholder="email" class="form-control"&gt;
              &lt;/div&gt;
  
  
              &lt;div class="form-group"&gt;
                  &lt;input type="password" data-ng-model="password" placeholder="password" class="form-control"&gt;
              &lt;/div&gt;
  
  
              &lt;label class="checkbox pull-right"&gt;
                  remember me
                  &lt;input type="checkbox" data-ng-model="rememberMe"&gt;
              &lt;/label&gt;
  
  
              &lt;div class="form-group center-block"&gt;
                  &lt;button type="submit" class="btn btn-success center-block"&gt;sign in&lt;/button&gt;
              &lt;/div&gt;
  
  
          &lt;/form&gt;
          &lt;div data-ng-bind="message" class="text-center"&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am trying to:</p>
  
  <ul>
  <li>Get the check box on the right side of the remember me text AND have both of the right side of the form</li>
  <li>Have the button on it's own row underneath the remember me</li>
  </ul>
  
  <p>As you can see I'm nearly there!</p>