为移动设备颠倒 bootstrap 中的行顺序

Question

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

Answer 1

是的，这是可能的，因为 order classes 适用于任何 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