更改移动设备上 Bootstrap col-sm-6 块的顺序答案

【问题标题】：Change the order of Bootstrap col-sm-6 blocks on mobile devices更改移动设备上 Bootstrap col-sm-6 块的顺序
【发布时间】：2014-04-07 10:41:50
【问题描述】：

我的代码如下：

<div class="row">
  <div class="col-sm-6"> First Block </div>
  <div class="col-sm-6"> Second Block </div>
</div>

这将在从小型到特大的设备上显示从左侧到第二个块的第一个块，在移动设备上显示第二个块顶部的第一个块。问题是如果第一个块而不是在 HTMl 文件中更改它们的顺序，我如何在顶部显示第二个块？

【问题讨论】：

【解决方案1】：

像这样使用推/拉类...

<div class="row">
  <div class="col-sm-6 col-sm-push-6"> First Block </div>
  <div class="col-sm-6 col-sm-pull-6"> Second Block </div>
</div>

【讨论】：