在Bootstrap 3中围绕响应视频环绕文本

Question

我有<p>我需要在我的网站上包含响应式嵌入视频。

在我知道我的客户想要有大量<p>内容之前，我只做了两列。

  <div class="container">

    <div class="row">

      <div class="col-md-6 ">

        <div class="embed-responsive embed-responsive-16by9">  

            <iframe src="//www.youtube.com/embed/<?= $this->page->getPageYouTubeId() ?>" frameborder="0" allowfullscreen></iframe>

        </div>                      

      </div>

      <div class="col-md-6 ">

        <h1 class="big-title"><?= $this->page->getPageHeadline()  ?></h1>

        <div class="blog-title">
            <p><?= $this->page->getPageContent() ?></p> 
        </div> 

        <a class="btn btn-default scrollto" href="#content"><i class="fa fa-arrow-down"></i> Check Out The Properties!</a>

      </div>

    </div>

我知道有必要在某种程度上使用float: left，但我尝试了各种各样的事情，而且没有一部分工作，即...

    <div class="row">

      <div class="col-md-12 ">
        <div class="pull-left">
          <div class="embed-responsive embed-responsive-16by9">  

            <iframe src="//www.youtube.com/embed/<?= $this->page->getPageYouTubeId() ?>" frameborder="0" allowfullscreen></iframe>

          </div>
       </div>                      

        <h1 class="big-title"><?= $this->page->getPageHeadline()  ?></h1>

        <div class="blog-title">
            <p><?= $this->page->getPageContent() ?></p> 
        </div> 

        <a class="btn btn-default scrollto" href="#content"><i class="fa fa-arrow-down"></i> Check Out The Properties!</a>

      </div>

    </div>

  </div>

我是后端开发者，所以这些东西不是我的强项。

http://webwarephpdevelopment.com:8080/fl/West-Palm-Beach