Twitter bootstrap 引导：无偏移自动排列组件

当调整窗口大小以使某些组件不再适合于同一行时，它们会被推到下一行，但会产生偏移。我怎样才能摆脱它

  <div class="checkbox-inline">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>  <div class="checkbox-inline">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>

看看我
看看我

---

为了澄清，我喜欢这种行为，我只想消除这种偏移。

如果您查看bootstrap.css，您将看到以下几行：

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-left: 10px;
    margin-top: 0;
}

重要的是“+”运算符

.checkbox-inline + .checkbox-inline

这意味着，直接跟随另一个“.checkbox inline”元素的每个“.checkbox inline”-元素的左边都有10px的边距

因此，一个可能的解决方案可能是操纵css文件。但是，您可以做的另一件事是在复选框之间添加空的“span”元素

<div class="checkbox-inline">
  <input type="checkbox"><label>Check me out</label>
</div>
<span></span>
<div class="checkbox-inline">
  <input type="checkbox"><label>Check me out</label>
</div>

看看我
看看我

我希望，这是有帮助的