diff --git a/docs/_includes/components/media.html b/docs/_includes/components/media.html
index 1ea4176d4078bfda571ca390d105d03b3d82bab1..d77a2520c2c624d51c3447828c8f26ddb16ed960 100644
--- a/docs/_includes/components/media.html
+++ b/docs/_includes/components/media.html
@@ -43,16 +43,16 @@
       </a>
     </div>
     <div class="media">
-      <a class="pull-right" href="#">
-        <img data-src="holder.js/64x64" alt="Generic placeholder image">
-      </a>
-      <a class="pull-left" href="#">
+      <a class="media-left" href="#">
         <img data-src="holder.js/64x64" alt="Generic placeholder image">
       </a>
       <div class="media-body">
-        <h4 class="media-heading">Deprecated pull-right pull-left example</h4>
+        <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 data-src="holder.js/64x64" alt="Generic placeholder image">
+      </a>
     </div>
   </div><!-- /.bs-example -->
 {% highlight html %}