Bootstrap内联复选框和文本

时间:2013-08-09 11:42:53

标签: html css twitter-bootstrap

enter image description here

我希望得到如上所述的观点。

但我得到的东西如下。

enter image description here

我想知道如何使用bootstrap实现它。

我的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>

2 个答案:

答案 0 :(得分:0)

除了你班上拼错了control这个事实,你似乎从bootstrap3插入了一个截图,但是你正在使用bootstrap 2。

答案 1 :(得分:0)

我想你想做更像......的事情。

<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