Bootstrap 3 media objects align right (Interactive Example)

<!DOCTYPE html>
<title>My Example</title>


<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="container-fluid">
		
<div class="media">
<div class="media-body">
<h4 class="media-heading">Media Object</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
<div class="media-right">
<a href="#">
<img class="media-object" src="/pix/samples/9s.jpg" alt="Photo of Pukeko in New Zealand">
</a>
</div>
</div>
	
<div class="media">
<div class="media-body">
<h4 class="media-heading">Media Object</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
<div class="media-right">
<a href="#">
<img class="media-object" src="/pix/samples/11s.jpg" alt="Photo of sunset in Laos">
</a>
</div>
</div>

</div>
		

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>


<script>
// Initialize tooltip component
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

// Initialize popover component
$(function () {
  $('[data-toggle="popover"]').popover()
})
</script>