<title>Bootstrap3 默认的媒体对象 - 迹忆客(jiyik.com)</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<p>使用 "media-left" 类来设置多媒体对象左对齐。文本内容需要放在图片之后。</p>
<p>"media-right" 类用于设置多媒体对象右对齐。</p><br>
<img src="/demo_source/img_avatar.png" class="media-object" style="width:60px">
<h4 class="media-heading">左对齐</h4>
<p>这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。</p>
<h4 class="media-heading">右对齐</h4>
<p>这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。</p>
<div class="media-right">
<img src="/demo_source/img_avatar.png" class="media-object" style="width:60px">
