Twitter bootstrap 更改移动设备上引导col-sm-6块的顺序

Twitter bootstrap 更改移动设备上引导col-sm-6块的顺序,twitter-bootstrap,mobile,twitter-bootstrap-3,block,Twitter Bootstrap,Mobile,Twitter Bootstrap 3,Block,我的代码如下: <div class="row"> <div class="col-sm-6"> First Block </div> <div class="col-sm-6"> Second Block </div> </div> 第一街区 第二街区 这将在从小到特大的设备上显示从左到第二个块的第一个块,在移动设备上显示第二个块顶部的第一个块。问题是,如果在HTMl文件中使用第一个块,而不更改它们的顺序,如

我的代码如下:

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

第一街区
第二街区

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

使用如下推/拉类

<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>

第一街区
第二街区