W010 - Herst/bootlint-ng GitHub Wiki

Note: Below is the original page from the Bootlint documentation, some of the info here might not apply to Bootlint-NG!


W010

Using .pull-left or .pull-right as part of the media object component is deprecated as of Bootstrap v3.3.0. Use .media-left or .media-right instead.

The classes .pull-left and .pull-right were previously used as part of the .media object component, but are deprecated for that use as of Bootstrap v3.3.0. They have been replaced for that use by .media-left and .media-right. Unlike .pull-right, .media-right should be placed after the .media-body in the HTML.

Wrong:

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

Right:

<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>
⚠️ **GitHub.com Fallback** ⚠️