重新排序引导程序堆叠顺序

Question

我有关于Bootstrap网格的查询。我有一个网格，想象一下Excel，在桌面浏览器模式下有第1行和第2行以及A，B和C列。

desktop to stacked

我想重新排序堆叠的电池＆＃39;在移动模式下为A1，A2，B1，B2，C1，C2顺序（从上到下）。我看过拉动和推动课程，但它没有做到以上几点。有人可以建议如何实现它吗？

我找到了其他类似的答案，但没有任何内容与我的问题完全匹配。

谢谢，

LB

Answer 1

查看此结构。您需要创建3列，并在每列内添加一行的全宽列。因此，在较小的屏幕中，它开始从第1列到最后一列堆叠。

＆＃13;

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<div class="row">
  
  <div class="col-sm-3">
    <div class="row">
        <div class="col-xs-12">
            A1  
        </div>
        <div class="col-xs-12">
            A2  
        </div>
    </div>
  </div>
  
  <div class="col-sm-3">
    <div class="row">
        <div class="col-xs-12">
            B1  
        </div>
        <div class="col-xs-12">
            B2  
        </div>
    </div>
  </div>
  
  <div class="col-sm-3">
    <div class="row">
        <div class="col-xs-12">
            C1  
        </div>
        <div class="col-xs-12">
            C2  
        </div>
    </div>
  </div>


</div>

＆＃13;

＆＃13;

＆＃13;