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>