<!DOCTYPE html>
<html>
<head>
<title>Default Media Object</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<!-- Left aligned media object -->
<div class="media">
<div class="media-left">
<img src="images/bt-image.jpg" class="media-object" style="width:60px; height:50px;">
</div>
<div class="media-body">
<h4 class="media-heading">Free Time Learning <small><i>Posted on Jun 29, 2017</i></small></h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a type specimen book..</p>
</div>
</div>
<hr>
<!-- Right-aligned media object -->
<div class="media">
<div class="media-body">
<h4 class="media-heading">Free Time Learning <small><i>Posted on Jun 29, 2017</i></small></h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a type specimen book..</p>
</div>
<div class="media-right">
<img src="images/bt-image.jpg" class="media-object" style="width:60px; height:50px;">
</div>
</div>
</div>
</div>
</body>
</html>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book..
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book..
<!DOCTYPE html>
<html>
<head>
<title>Media Alignments</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="media">
<div class="media-left media-top">
<img src="images/bt-image.jpg" class="media-object" style="width:60px; height:50px;">
</div>
<div class="media-body">
<h4 class="media-heading">Top Alignment <small><i>Posted on Jun 29, 2017</i></small></h4>
<p>Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book..</p>
<p>Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book..</p>
</div>
</div>
<hr />
<div class="media">
<div class="media-left media-middle">
<img src="images/bt-image.jpg" class="media-object" style="width:60px; height:50px;">
</div>
<div class="media-body">
<h4 class="media-heading">Middle Alignment <small><i>Posted on Jun 29, 2017</i></small></h4>
<p>Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book..</p>
<p>Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book..</p>
</div>
</div>
<hr />
<div class="media">
<div class="media-left media-bottom">
<img src="images/bt-image.jpg" class="media-object" style="width:60px; height:50px;">
</div>
<div class="media-body">
<h4 class="media-heading">Bottom Alignment <small><i>Posted on Jun 29, 2017</i></small></h4>
<p>Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book..</p>
<p>Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book..</p>
</div>
</div>
</div>
</body>
</html>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book..
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book..
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
<!DOCTYPE html>
<html>
<head>
<title>Media Lists (Nesting Media Objects)</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="media">
<div class="media-left">
<img src="images/bt-image.jpg" class="media-object" style="width:60px; height:50px;">
</div>
<div class="media-body">
<h4 class="media-heading">Free Time Learning
<small><i>Posted on Jun 29, 2017</i></small>
</h4>
<p>Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book.</p>
<!-- Nested media object -->
<div class="media">
<div class="media-left">
<img src="images/bt-image.jpg" class="media-object" style="width:60px; height:50px;">
</div>
<div class="media-body">
<h4 class="media-heading">Free Time Learning
<small><i>Posted on Jun 29, 2017</i></small>
</h4>
<p>Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book.</p>
<!-- Nested media object -->
<div class="media">
<div class="media-left">
<img src="images/bt-image.jpg" class="media-object" style="width:60px; height:50px;">
</div>
<div class="media-body">
<h4 class="media-heading">Free Time Learning
<small><i>Posted on Jun 29, 2017</i></small>
</h4>
<p>Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book.</p>
</div>
</div>
</div>
<!-- Nested media object -->
<div class="media">
<div class="media-left">
<img src="images/bt-image.jpg" class="media-object" style="width:60px; height:50px;">
</div>
<div class="media-body">
<h4 class="media-heading">Free Time Learning
<small><i>Posted on Jun 29, 2017</i></small>
</h4>
<p>Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book.</p>
</div>
</div>
</div>
</div>
<!-- Nested media object -->
<div class="media">
<div class="media-left">
<img src="images/bt-image.jpg" class="media-object" style="width:60px; height:50px;">
</div>
<div class="media-body">
<h4 class="media-heading">Free Time Learning
<small><i>Posted on Jun 29, 2017</i></small>
</h4>
<p>Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book.</p>
</div>
</div>
</div>
</div>
</body>
</html>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.