bootstrap-4 - 反转移动设备引导程序中的行顺序

Question

我知道可以颠倒列的顺序，但是可以使用 Bootstrap 对行进行吗？

标签： bootstrap-4rowsreverse

Answer 1

是的，这是可能的，因为订单类适用于任何 flexbox 容器......

<div class="container d-flex flex-column">
    <div class="row order-sm-last order-md-0">
        <div class="col-12">
            row 1
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            row 2
        </div>
    </div>
</div>

https://codeply.com/p/uG4VTBWWak