xs bootstrap4 中的顺序优先

Question

我已经使用 order-sm-first 我如何将它用于旧的 xs Extra small <576px ？

所有查询中的顺序优先工作

<div class="col-md-6 col-sm-12 order-sm-first">

Answer 1

您正在寻找order-first. 只-xs删除了实际中缀的使用。xs 断点 (<576px) 仍然存在，但现在它是默认或隐含的断点，因此您无需专门使用-xs.

也知道这order-first真的意味着“xs and up”上的第一个，所以它需要根据需要被更大的断点覆盖......

<div class="container">
    <div class="row">
        <div class="col-6">
            1 (first on sm and up)
        </div>
        <div class="col-md-6 col-sm-12 order-first order-sm-last">
            2 (first on xs)
        </div>
    </div><!--/row-->
</div><!--container-->

https://codeply.com/go/WMnCWPikCh