Bootstrap 3 复选框右侧的文本/按钮在自己的行

Question

我有当前的设置。

<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