css - Bootstrap 按屏幕大小排序元素

Question

我是不是疯了，因为我绝对确定这段代码应该可以工作……但事实并非如此。

我正在尝试根据屏幕尺寸订购我的元素，即。如果small屏幕或更少，菜单元素是第一个 - 如果medium屏幕或更多 - 菜单元素是第二个。

<div class="col-md-9 order-sm-2 order-md-1">
Main content
</div>
<div class="col-md-3 order-sm-1 order-md-2">
Menu column
</div>

我得到的small屏幕medium尺寸是：主要内容（第一个）和菜单栏（第二个）。

任何人都可以帮忙吗？

标签： cssbootstrap-4grid

Answer 1

我怀疑你的问题是那个order-sm-2，order-sm-1应该定义xs而不是sm版本，

或者显示的代码没有被相同的row& containerDIV包围