html - 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 列。

http://getbootstrap.com/css/#grid-example-wrapping