Bootstrap 4无法向右拉col

Question

我正在使用 Bootstrap v4.0.0-alpha.6

我在一行中显示了三列，我需要在 md 中交换第一列和最后一列，但在 sm/xs.

中则不需要

我希望它在桌面模式下显示如下：

[C][B][A]

并在移动视图中像这样：

[A]
[B]
[C]

我试过这个：

<div class="row pt-2">
    <div class="col-12 col-md-4 float-md-right">
        <img src="assets/img/3-delivery.jpg">
    </div>
    <div class="col-12 col-md-4">
      <img src="assets/img/arrow.png">
    </div>
    <div class="col-12 col-md-4 float-md-left">
      <img src="assets/img/4-served.jpg">
    </div>
</div>

根本不起作用。

Answer 1

使用 push pull 类..

http://www.codeply.com/go/DhuRlsA6U4

<div class="row pt-2">
        <div class="col-12 col-md-4 push-md-8">
            a
        </div>
        <div class="col-12 col-md-4">
            b
        </div>
        <div class="col-12 col-md-4 pull-md-8">
            c
        </div>
</div>