使用Bootstrap和CSS更改布局行和列的顺序

Question

我在桌面屏幕的Bootstrap中具有以下cols顺序：

COL-A COL-B COL-C

<div class"container">
  <div class="row">
    <div class="col-lg-4 col-md-4">Text 1</div>
    <div class="col-lg-4 col-md-4"><img src="myimage"></div>
    <div class="col-lg-4 col-md-4">Text 2</div>    
  </div>
</div>
  

当我将屏幕更改为中等尺寸（最小宽度：768像素至990像素）时，我想实现下一个：

预先感谢您的帮助。

Answer 1

如果我了解您的图表，只需做两列半角，第二列中有两行包含全角列。

类似的东西：

<div class="row">
    <div class="col-sm-6">Column 1</div>
    <div class="col-sm-6">
        <div class="row">
            <div class="col">Column 2</div>
        </div>
        <div class="row">
            <div class="col">Column 3</div>
        </div>
    </div>
</div>

sm断点和宽度数字应该是可选的，如果您只是这样做的话。