Bootstrap - 嵌套列的网格排序（移动视图）

Question

我的面板排列如下：

是否可以在移动视图上订购1,2,3,4,5？

示例代码：

<div class="row">
   <div class="col-md-8">
       [Panel1]
       [Panel4]
   </div>
   <div class="col-md-4">
       [Panel2]
       [Panel3]
       [Panel5]
   </div>
</div>

Answer 1

如果你想保留默认的bootstrap类，你可以像这样复制Panel4：

<div class="row">
   <div class="col-md-8">
      [Panel1]
      [Panel4 class="hidden-xs hidden-sm"] // hide on mobile/table using BS built-in classes
   </div>
   <div class="col-md-4">
      [Panel2]
      [Panel3]
      [Panel4 class="hidden-md hidden-lg"] // hide on desktop
      [Panel5]
   </div>
</div>

Plunkr