Skip to content
This repository has been archived by the owner on Sep 18, 2018. It is now read-only.

W010

Jump to bottom
Herst edited this page Sep 8, 2018 · 3 revisions

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>

Bootlint-NG documentation wiki content is licensed under the CC BY 3.0 License, and based on Bootstrap's docs which are copyright Twitter, Inc. For the original Bootlint documentation this is a fork of, see https://github.com/twbs/bootlint/wiki.

Clone this wiki locally