引導3複選框右邊的文本/按鈕在自己的行

Question

我有current setup。

<div class="container" data-ng-controller="publicHome"> 
    <div class="col-md-4 col-md-offset-4" style="background: black;"> 
     <form data-ng-submit="signIn()" class="form-horizontal"> 


      <div class="form-group"> 
       <input type="email" data-ng-model="email" placeholder="email" class="form-control"> 
      </div> 


      <div class="form-group"> 
       <input type="password" data-ng-model="password" placeholder="password" class="form-control"> 
      </div> 


      <label class="checkbox pull-right"> 
       remember me 
       <input type="checkbox" data-ng-model="rememberMe"> 
      </label> 


      <div class="form-group center-block"> 
       <button type="submit" class="btn btn-success center-block">sign in</button> 
      </div> 


     </form> 
     <div data-ng-bind="message" class="text-center"> 

     </div> 
    </div> 
</div> 

我想：

• 坐上記得我文字的右側的複選框，並同時具有形式
• 的右側有它自己的按鈕記得我下面的排

正如你所看到的我快到了！

Answer 1

用途：

<div class="form-group mycheckboxdiv"> 
    <label> 
     remember me 
     <input type="checkbox" data-ng-model="rememberMe" class="pull-right mycheckbox"> 
    </label> 
</div> 

，併爲自己的CSS：

.mycheckbox{ 
    margin-top:5px; 
    margin-left:5px; 
} 
.mycheckboxdiv{ 
    text-align:right; 
} 

看到這個： http://www.bootply.com/a6Jl6EDD8R