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

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 清理和错位。

我不知道这是否能解决问题，但值得一试!:)