The default media displays a media object (images, video, audio) to the left or right of a content block.
.pull-right also exist and were previously used as part of the media component, but are deprecated for that use as of v3.3.0. They are approximately equivalent to
.media-right, except that
.media-right should be placed after the
.media-body in the html.
The images or other media can be aligned top, middle, or bottom. The default is top aligned.
With a bit of extra markup, you can use media inside list (useful for comment threads or articles lists).