Bootstrap网格布局一个框沿着其他人

Question

我想安排使用bootstrap（使用bootstrap 4）进行布局，使得一列沿着宽屏幕上的其他列，并且在移动设备上它将在彼此之下，但是沿着其他列的列是第二顺序的。 我知道如何做到这一点，最高的列将在网格的末尾（我不希望这样）。 以下是应该如何查看结果的示例

桌面布局应如下图

手机上的布局

Answer 1

Bootstrap 4具有针对此方案的响应浮动。你可以在第二列pull-*-right获得更大的（桌面）宽度..

<div class="row">
    <div class="col-md-9">1</div>
    <div class="col-md-3 pull-md-right">2</div>
    <div class="col-md-9">3</div>
    <div class="col-md-9">4</div>
</div>

演示：http://codeply.com/go/N7rGhE72Kr