【问题标题】:Bootstrap 3 - Single column in a row, but not col-md-12Bootstrap 3 - 一行中的单列,但不是 col-md-12
【发布时间】:2015-05-15 15:26:18
【问题描述】:

我所有的输入字段都是宽度=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 列的页面上使用引导网格系统?

【问题讨论】:

    标签: html css twitter-bootstrap layout


    【解决方案1】:

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

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

    您实际上并不需要全部 12 列...

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

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

    【讨论】:

    • 正在寻找一个他们没有填满所有 12 个的例子!非常感谢。在 col-md-4 下面添加 clearfix 有什么帮助?它下面的列的间距?
    • 实际上,您发送给我的示例是填充超过 12 列的示例。像 13。不敢相信除了 col-md-12 之外,他们在左侧示例中没有显示单个 1 列。
    • clearfix 只会在 col-md-4 下方添加任何额外的列,如果您在同一行中添加其他列,因此 col-md-4 的右侧将只是一个空格。
    猜你喜欢
    • 1970-01-01
    • 2016-10-05
    • 2018-12-01
    • 2014-08-12
    • 1970-01-01
    • 1970-01-01
    • 2018-06-28
    • 2016-11-09
    • 2015-04-19
    相关资源
    最近更新 更多