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

Question

我有三栏

(1) ..col md-4区(2) .4区(3) .2区(4) ..col md-2

我希望这个在小屏幕(电话/小屏幕)作为：

(1) \x{e76f}

(2) \x{e76f}

Answer 1

首先，据我所知，你没有三列而是四列。

其次，你想要做的就是重新排序。您希望重新排序md断点以下的列。

你是怎么做到的：

​

<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-*，您可以从中间断点开始为每一列指定顺序。

使用order-*，您可以在中间断点下面指定所需的顺序(即，这是默认的“移动优先”断点)。