Bootstrap 4右列在移动视图顶部

Abb*_*deh 5 css grid twitter-bootstrap bootstrap-4

我有一个Bootstrap 4页面,如下所示:

<div class="row">
    <div class="col-md-8">
        A
    </div>
    <div class="col-md-4">
       B
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

看起来像:

-----
|A|B|
-----
Run Code Online (Sandbox Code Playgroud)

因此,如果我在移动设备上查看它,则列A位于顶部,但我希望列B位于顶部。这可能吗?我尝试通过推拉进行尝试,但由于我使用的是Bootstrap 4,因此无法正常工作。

Tia*_*gon 4

在 Bootstrap 4 中,您可以使用以下类。

order-first、order-last 和 order-0 - order-12

在你的元素上。

看看这里:Bootstrap 4 中的列排序

  • 为最后一个元素添加 ***order-sm-first*** 类 (3认同)