Html 引导在移动视图中对图像和文本重新排序

我有这个代码，它有交替的图像和文本，但在移动它应该是文本和图像/文本和图像，但我得到的是文本和图像/图像和文本

放置img和文本，然后使用“向右拉”和“向左拉”类对齐

项目一 副标题 Lorem ipsum dolor sit amet，为精英献身。劳丹蒂姆·维尼安（Laudantium veniam）在沃卢普塔特（voluptate）进行了专业劳动实习。劳尔，沃卢塔姆在《海底总动员》中扮演了一个伟大的角色，在《暮光之城》中扮演着一个清晰的角色

项目二 副标题 Lorem ipsum dolor sit amet，奉献精英。但是，我要说的是，我们的生活和我们的生活是一样的！维利特，我是临时的

---

您需要将类push-xs-6添加到图像上方的div中，其中col-md-6和pull-xs-6被添加到文本上方的div中。它将以宽度交换设备上的位置

[1]<!-- Project One -->
<div class="row">
    <div class="col-md-6">
        <h3>Project One</h3>
        <h4>Subheading</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Laudantium veniam exercitationem expedita laborum at voluptate. Labore, voluptates totam at aut nemo deserunt rem magni pariatur quos perspiciatis atque eveniet unde.</p>
          <a class="btn btn-primary" href="#">View Project <span class="glyphicon glyphicon-chevron-right"></span></a>

    </div>
    <div class="col-md-6">
         <a href="#">
            <img class="img-responsive" src="http://placehold.it/700x300" alt="">
         </a>

     </div>
</div>
<!-- /.row -->

<hr>

<!-- Project Two -->
<div class="row">
     <div class="col-md-6">
         <a href="#">
            <img class="img-responsive" src="http://placehold.it/700x300" alt="">
         </a>
     </div>
     <div class="col-md-6">
          <h3>Project Two</h3>
          <h4>Subheading</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, odit velit cumque vero doloremque repellendus distinctio maiores rem expedita a nam vitae modi quidem similique ducimus! Velit, esse totam tempore.</p>
          <a class="btn btn-primary" href="#">View Project <span class="glyphicon glyphicon-chevron-right"></span></a>
     </div>
 </div>
 <!-- /.row -->