Bootstrap表单-无标签文本的复选框水平垂直对齐

今天早上我已经从 Bootstrap 3.0.0 更改为 3.2.0，因为我的 Web 应用程序需要一些新功能。一切似乎都按预期工作，直到我观察到复选框垂直对齐的问题.form-horizontal form.

一个例子可以在http://www.bootply.com/AYN64feYze http://www.bootply.com/AYN64feYze。这个最小示例的标记是：

<div class="form-horizontal">
    <div class="form-group">
      <label class="col-sm-2 control-label">With label text</label>
          <div class="col-sm-10">
            <div class="checkbox">
              <label>
                  <input type="checkbox"> label text
              </label>
            </div>
          </div>
    </div>
  <div class="form-group">
      <label class="col-sm-2 control-label">Without label text</label>
          <div class="col-sm-10">
            <div class="checkbox">
              <label>
                  <input type="checkbox">
              </label>
            </div>
          </div>
    </div>
</div>

如果复选框没有后续文本，则会移动到应出现的行下方。

这个问题有解决办法吗？由于我已经有了前导标签，因此我的复选框不需要以下文本。我当前的解决方法是将文本添加到<label>其中包含<input type="checkbox">并使用背景颜色作为字体颜色来隐藏文本。

感谢您的帮助。

我不确定这是否会影响表单布局的其余部分，但如果您更改的显示属性，问题似乎可以解决<label>（当前设置为inline-block) to:

label{
    display:inline;
}

这是一个更新了 Bootply http://www.bootply.com/FssaYf0PrH。希望这可以帮助！如果您有任何疑问，请告诉我。