Bootstrap响应地分离行

Question

如何使bootstrap单独添加一行响应。也许最好画它：D。

所以这就是我所拥有的：

以下是我想要的结果：

我的html我喜欢这个，但我知道它不起作用，因为它将第一行和第二行分成2行（第1行2列和第2行1列，大小为6）。所以如何使这项工作，因为我刚刚开始学习bootstrap :)）

我的HTML

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

Answer 1

让单个.row的所有列都为您工作吗？

<div class="row">
    <div class="col-md-4 col-xs-6"></div>
    <div class="col-md-4 col-xs-6"></div>
    <div class="col-md-4 col-xs-6"></div>
    <div class="col-md-4 col-xs-6"></div>
    <div class="col-md-4 col-xs-6"></div>
    <div class="col-md-4 col-xs-6"></div>
</div>

我认为制作你想要的新行很容易/实用 如果您只想将这些行用于样式目的，那么最好使用css并在布局更改时确定不同的样式