如何在引导程序中以小屏幕移动列？

Question

我有3列

（1）.col-md-4 | （2）.col-md-4 | （3）.col-md-2 | （4）.col-md-2

我希望在小屏幕（手机/小屏幕）中显示：

（1）| （4）|

（2）| （3）|

Answer 1

首先，据我所知，你没有3列而是4列。

其次，您想要做的是称为重新排序。 您想重新排序md断点下面的列。

这是你如何做到的：

get

使用<div class="container"> <div class="row"> <div class="col-md-4 order-1 order-md-1">1</div> <div class="col-md-4 order-3 order-md-2">2</div> <div class="col-md-2 order-4 order-md-3">3</div> <div class="col-md-2 order-2 order-md-4">4</div> </div> </div>，您可以从中断点开始指定每列的顺序。

使用order-md-*，您可以在中断点之下指定所需的顺序（即默认的“移动优先”断点）。