因为Bootstrap 4使用的是flexbox,所以 列的高度总是相等的 ,因此您将无法获得所需的桌面(lg)布局。
一种选择 是禁用的flexbox
lg。使用 浮点数 ,以使1,3列自然向右拉,因为2更高。Flexbox
order-将在移动设备上运行。
<div > <div > <div > <div >2</div> </div> <div > <div >1</div> </div> <div > <div >3</div> </div> </div></div>
如何运作
- 将列保持在同一行中,因为顺序是相对于父级的
- 在
d-flex d-lg-block
禁止弯曲的lg
和最多 - 该
float-left
浮动时,Flex是禁用的列 - 在
order-*
重新排序列弯曲时启用
另一个选择 是一些使用
w-auto…



