Bootstrap列添加到12但仍在包装

Question

我有一个自举行，其列数增加到12个。将这些文章脱离背景，它们是：

class="col-md-1 control-label"
class="col-md-2"
class="col-md-1 control-label"
class="col-md-2"
class="col-md-1 control-label"
class="col-md-1"
class="col-md-1"
class="col-md-1 control-label"
class="col-md-1"
class="col-md-1"

= 12 !!!

然而，第二个只读字段由于某种原因而包装。有没有人知道为什么会发生这种情况？

这是一个小提琴：http://jsfiddle.net/qrzb2ann/

Answer 1

你的标记中还有2个额外的label不是col-*所以它会丢掉间距（虽然对我来说它不是包装）。

我认为你不需要空标签。如果你想让他们使用pull-left使它们浮动：向左并且不影响网格。

<label class="pull-left"></label>

http://www.bootply.com/CxMOq6ARs3

编辑：每个输入都应该有文档中描述的标签，因此请在空标签上使用sr-only类，这样它们就不会影响网格列。