Bootstrap 3 - 连续单列,但不是col-md-12

时间:2015-05-15 15:26:18

标签: html css twitter-bootstrap layout

我的所有输入字段都是宽度= 100%所以它们填充了它们所在的列的100%。让我们说我有一个页面只需要1列但我不想要我不要希望我的字段遍及整个页面(即col-md-12)。相反,我宁愿做这样的事情:

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

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

1 个答案:

答案 0 :(得分:2)

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

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

你真的不需要适合所有12列......

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

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