media

Media object

Made famous here: The media object saves hundreds of lines of code

The media object defines a section of content with an "object" (typically an image) to one side and content on the other. Use the classes .left and .right on the object to position it on the left or right.

The media object defines a section of content with an "object" (typically an image) to one side and content on the other. Use the classes `.left` and `.right` on the object to position it on the left or right.

<div class="media">
  <img src="http://fillmurray.com/100/100" class="media-object left mr1">
  <p class="media-body">
    The media object defines a section of content with an "object" (typically an image) to one side and content on the other.
Use the classes `.left` and `.right` on the object to position it on the left or right.
  </p>
</div>

The media object defines a section of content with an "object" (typically an image) to one side and content on the other. Use the classes `.left` and `.right` on the object to position it on the left or right.

<div class="media">
  <img src="http://fillmurray.com/75/75" class="media-object right ml1">
  <p class="media-body">
    The media object defines a section of content with an "object" (typically an image) to one side and content on the other.
Use the classes `.left` and `.right` on the object to position it on the left or right.
  </p>
</div>

The media object defines a section of content with an "object" (typically an image) to one side and content on the other. Use the classes `.left` and `.right` on the object to position it on the left or right.

<div class="media">
  <img src="http://fillmurray.com/125/125" class="media-object left mr1">
  <img src="http://fillmurray.com/125/125" class="media-object right ml1">
  <p class="media-body">
    The media object defines a section of content with an "object" (typically an image) to one side and content on the other.
Use the classes `.left` and `.right` on the object to position it on the left or right.
  </p>
</div>