多行引导行

我希望表单字段在台式机和平板电脑上的放置方式不同。目前，桌面上一切都很好。我身边有两个类似的案例。在第一个中，我有这样的内容（输入字段位于 div 中）：

<div class="row">
    <div class="col-md-3 col-sm-6"></div>
    <div class="col-md-3 col-sm-6"></div>
    <div class="col-md-3 col-sm-6"></div>
</div>
<div class="row">
    <div class="col-md-3 col-sm-6"></div>
    <div class="col-md-3 col-sm-6"></div>
    <div class="col-md-3 col-sm-6"></div>
</div>

它在平板电脑上看起来不错，但我不想在第三行和第六行只有一个字段，而是希望有两个字段。我应该只使用一个“行”而不是 2 个“行”，并在桌面上使用空的“col-md-3”，以便让单个“行”跨越多行吗？

最后我有一个类似的案例：

<div class="row">
    <div class="col-md-3 col-sm-6"></div>
</div>
<div class="row">
    <div class="col-md-3 col-sm-6"></div>
</div>
<div class="row">
    <div class="col-md-3 col-sm-6"></div>
</div>

我希望前两个字段位于同一行。

Thanks

是的，将它们全部放在一个中.row元素。这称为列环绕。

Demo: http://www.codeply.com/go/7mUSsbO8od http://www.codeply.com/go/7mUSsbO8od

来自引导文档：

“如果单行中放置的列超过 12 列，则每组额外的列将作为一个单元换行到新行”

文档中还有一些示例演示了列包裹 http://getbootstrap.com/css/#grid-example-wrapping。请记住，如果列的高度不同，您可能需要使用响应式重置。