如果我有 2 个div，我想根据屏幕尺寸断点以不同的顺序显示它们，我是否必须为每个尺寸指定顺序？
例如<div class="order-xs-2 order-sm-2 order-md-2 order-lg-1 order-xl-1">
<div class="order-xs-1 order-sm-1 order-md-1 order-lg-2 order-xl-2">
当我尝试这样做时，它们以除 x 之外的所有尺寸正确出现，它们的方式是错误的，所以我怀疑我做错了。
您只需要设置最小的断点，较大的断点是隐含的。另外，请记住，排序类使用flexbox，因此它们只能在display:flex父级(如.row或.d-flex...
<div class="d-flex">
<div class="order-2 order-lg-1">div 1</div>
<div class="order-1 order-lg-2">div 2</div>
</div>
https://www.codeply.com/go/YZVC3UPvoG
-xs不再在 Bootstrap 4 中使用。最小的断点是默认值，因此它只是order-1、order-2等。
另请参阅：Bootstrap 中的 col-lg-*、col-md-* 和 col-sm-* 之间有什么区别？
与有效的尺寸不同，没有order-xs。
如果要将顺序设置为以下sm则smmdlgxl当前可用大小 不要在订单之前使用大小，并用您想要的大小覆盖它
例
<div class="order-sm-2 order-1">
<div class="order-sm-1 order-2">