Question

我想在我的登录表单中使用Bootstrap 3显示“记住我”复选框并提交内联按钮。

<div class="row">
    <div class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
        <div class="checkbox">
            <label>
                <input type="checkbox" name="remember" value="1"> Remember me
            </label>
        </div> 
        <button type="submit" class="btn btn-default">Submit</button>
    </div>
</div>

它们不能垂直对齐，特别是在移动尺寸上。我希望它们垂直对齐，以便checkbox位于Submit按钮的中间。另外Remember me标签与checkbox没有很好地对齐，似乎单词Remember me略高于chekcbox。

如何解决这个问题？

Answer 1

您可以做的是在第一个内部创建另一个row类。然后在其中创建两个两个类，所以col-x-6两次。在一个地方内部的复选框和另一个内部的按钮。然后使用CSS来清理和错位。

我不知道这是否能解决问题，但值得一试！：）

如何显示记住我并使用Bootstrap内联提交按钮？

1 个答案: