对于如何在Bootstrap 3中正确使用媒体对象感到困惑

Question

使用BS3和与media object布局类似的模式/设计时：

<div class="media">
  <a class="pull-left" href="#">
     <img class="media-object" src="..." alt="...">
  </a>
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
   ...
  </div>
</div>

使用BS3网格重新创建模式更有意义（因此内置媒体查询，类似于thumbnails）？例如：

<div class="row">
  <a class="col-sm-5 col-md-4" href="#">
    <img src="holder.js/100%x112" alt="media-like-object">
   </a>
  <div class="col-sm-6 col-md-7">
    <h4 class="hidden-xs"><a href="#">Media heading</a></h4>
     ...
  </div>
</div>

或者是否有某种方式可以响应地使用内置媒体对象？我想我很困惑，因为媒体对象似乎是静态的。我错过了什么？