W010 - alex1221/bootlint-customization GitHub Wiki

W010

从Bootstrap v3.3.0开始，不推荐使用 .pull-left或 .pull-right 作为媒体对象组件的一部分，而是使用 .media-left or .media-right 替代。

.pull-left 和 .pull-right 类以前可以和 .media 组合使用, 但是 Bootstrap v3.3.0不推荐这么使用了. 它们已被 .media-left and .media-right 替换使用 . 不同于 .pull-right, .media-right dom结构上需要放在 .media-body 之后.

错误的:

<div class="media">
  <a class="pull-right" href="#">
    <img src="/images/avatars/2.jpg">
  </a>
  <a class="pull-left" href="#">
    <img src="/images/avatars/1.jpg">
  </a>
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
  </div>
</div>

正确的:

<div class="media">
  <a class="media-left" href="#">
    <img src="/images/avatars/1.jpg">
  </a>
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
  </div>
  <a class="media-right" href="#">
    <img src="/images/avatars/2.jpg">
  </a>
</div>

Bootlint documentation wiki content is licensed under the CC BY 3.0 License, and based on Bootstrap's docs which are copyright Twitter, Inc.

⚠️ **GitHub.com Fallback** ⚠️