Skip to content
This repository was archived by the owner on Feb 1, 2022. It is now read-only.

W010

Jump to bottom
Herst edited this page Oct 20, 2018 · 3 revisions

Note: This check has been removed in Bootlint v1.x.

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>

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

Clone this wiki locally
⌂ 换网址