更改列排序并调整大小

Question

目前，我有桌面列，如下所示：

[ A ] [ B ]

但是现在我需要在按此顺序和大小在移动设备中查看时更改它

[ B ]
[ A ]

如何使用Boostrap实现它？

Answer 1

您可以使用Bootstrap的push and pull类。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="row">
    <div class="col-xs-12 col-md-6 col-md-push-6">Column B</div>
    <div class="col-xs-12 col-md-6 col-md-pull-6">Column A</div>
  </div>
</div>