Twitter bootstrap 3 对如何正确使用Bootstrap 3中的媒体对象感到困惑

使用与布局类似的样式/设计时：

媒体标题
...

使用BS3网格（以及类似于BS3的内置媒体查询）重新创建模式更有意义吗？例如：

<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>

...

---

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

你没有错过任何东西。这意味着，好吧，它的行为就像它做的那样，这对嵌套的项目来说太瘦了。我只使用行和列，这对所有包装都有点麻烦，或者只使用ol。下面是一个示例，它可以平滑地缩小大小并使用更少的类标记：这对我来说更让人困惑，因为您在容器上使用了

。媒体对象

，我猜这是一个自定义类，尽管您仍然从BS继承了

display:block

。实际上，我认为您已经创建了自己的媒体对象，而不是使用内置的BS媒体对象或内置的网格系统。我不关心筑巢（至少现在还不关心），它对我来说不那么令人困惑。但事情就是这样

<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>