Bootstrap 3 - 一行中的单列，但不是 col-md-12

Question

我所有的输入字段都是 width=100% 所以它们会 100% 填充它们所在的列。假设我有一个只需要 1 列的页面，但我不想要我不想要我的遍及整个页面的字段（即 col-md-12）。相反，我宁愿做这样的事情：

<div "class=container-fluid">
   <div class="row">
      <div class="col-md-4"></div>
   </row>
</div>

我以为你总是应该用 bootstrap 填充所有 12 列，所以只做一列 4 感觉很奇怪，但如果我希望我的表单的宽度是 4 那么这就是我需要做。我是否应该在不需要超过 1 列的页面上使用 bootstrap 网格系统？

Answer 1

您可以在 col-md-4 下方添加 clearfix。

<div class="clearfix"></div>

您实际上不必适合所有 12 列...

他们的一些示例甚至没有填满所有 12 列。

Bootstrap 3 - Single column in a row, but not col-md-12