Twitter bootstrap TwitterBootstrap需要将左列行拆分为2行,并在md/sm转换中包含中列和右列

Twitter bootstrap TwitterBootstrap需要将左列行拆分为2行,并在md/sm转换中包含中列和右列,twitter-bootstrap,responsive-design,multiple-columns,Twitter Bootstrap,Responsive Design,Multiple Columns,我需要在布局上的column1 left的行之间嵌套列2-middle和列3-right: 我有一个这样的布局 column 1 column 2 column 3 ------ -------- -------- Image1 Image4 Image6 Image2&3 Image5 Image7 我需要将其更改为: col 1 ------- Image1 Image4 Image5 Image6 Image

我需要在布局上的column1 left的行之间嵌套列2-middle和列3-right:

我有一个这样的布局

column 1      column 2   column 3
------        --------   --------
Image1        Image4     Image6
Image2&3      Image5     Image7
我需要将其更改为:

col 1
-------
Image1
Image4
Image5
Image6
Image7
Image2&3
在sm/md边界处


有什么建议吗?有什么建议吗?

这有点不同,但要在较大屏幕上显示第2列,然后显示第1列,然后显示第3列,然后切换到较小屏幕上的第1列,然后显示第2列,然后显示第3列,请使用以下命令:

使用推拉引导将按您希望的方式对齐列

<!-- Column 1 -->
<div class="col-md-4 col-md-push-4">
    <img src="#" alt="image1"><br/>
    <img src="#" alt="image2"><br/>
    <img src="#" alt="image3">
</div>
<!-- Column 2 -->
<div class="col-md-4 col-md-pull-4">
    <img src="#" alt="image4"><br/>
    <img src="#" alt="image5">
</div>
<!-- Column 3 -->
<div class="col-md-4">
    <img src="#" alt="image6"><br/>
    <img src="#" alt="image7">
</div>