Html Bootstrap 3.0：在移动视图的底部绘制左div

我有两个这样的div

<div class="row">
   <div class="col-sm-6 col-xs-12"><img src="..."></div>
   <div class="col-sm-6 col-xs-12">Content about image goes here </div>
</div>

关于图像的内容在这里

现在，在移动设备上，图像位于顶部，然后是内容，我希望图像在响应模式下位于内容之后，这是如何做到的

解决方案：

<div class="row">
   <div class="col-sm-6 col-xs-12 col-sm-push-6">Content about image goes here </div>
   <div class="col-sm-6 col-xs-12 col-sm-pull-6"><img src="..."></div>
</div>

关于图像的内容在这里