引导程序列重叠

Question

<div class="container">
  <div class="row">
    <div class="col-md-6 col-md-push-6 text-wrapper">
      <p class="restaurant-our">Our</p>
      <p class="restaurant-upercase">RESTAURANT</p>
      <p class="restaurant-text">Located on Manhattan’s Houston Street, at the cusp of Greenwich Village and SoHo, Blue Haven blurs the line between upscale NYC sports bar and craft brew pub, offering modern gastropub fare and a stellar selection of draught and bottled craft beers. 
      </p>
      <br>
      <p class="restaurant-btn">
        <a class="btn btn-default btn-lg btn-read-more" href="#">READ MORE</a>
      </p>
    </div>
    <div class="col-md-6 col-md-pull-6 image-holder">
      <img class="img-responsive" src="img/restaurant-crop.png">
    </div>

从代码中可以看到，我有2个div和col类，而push和pull类在md大小以下时旋转位置。 我不知道如何实现是在图像div上重叠文本div，就像在图片的左版本上一样。感谢您的帮助