html - 复选框和文本的引导内联

Question

我想要像上面那样的视图。

但我得到了类似下面的东西。

我想知道如何使用引导程序来实现它。

我的html代码。

<div class="controle-group">
                            <button type="submit" class="btn btn-primary" id="loginButton">
                                <fmt:message key="authentificate" />
                            </button>
                            <input id="_spring_security_remember_me"
                                name="_spring_security_remember_me" type="checkbox" />
                            <fmt:message key="remember.password.time" />
                        </div>

Answer 1

除了您control在课堂上拼错的事实之外，您似乎插入了 bootstrap3 的屏幕截图，但您使用的是 bootstrap2。

Answer 2

我想你想做一些更像..

<form class="form-inline">
  <button type="submit" class="btn btn-primary" id="loginButton">
    <fmt:message key="authentificate" />
  </button>
  <label class="checkbox">
  <input id="_spring_security_remember_me" name="_spring_security_remember_me" type="checkbox" class="form-control">
  <fmt:message key="remember.password.time" />
  </label>
</form>

这假设您使用的是 Bootstrap 2.x

演示： http: //www.bootply.com/73070