Css 响应性地分离行的Bootstrap

如何使引导分离并相应地添加行。也许最好画出来：D

这就是我所拥有的：

以下是我想要的结局：

我的html我喜欢这个，但我知道它不起作用，因为它将第一行和第二行分成两行（第一行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>

---

将所有列作为单个

行的子行对您有用吗

<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并在布局更改时确定不同的样式
不知道一行中可以有12个以上。这会有用的，谢谢