简单教程
提交运行
代码编辑器：
<!DOCTYPE htm> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <style>body {margin:10px}</style> <div class="media"> <a class="pull-left" href="#"> <img width="80px" class="media-object" src="/static/i/css/paris.jpg" alt="Media Object"> </a> <div class="media-body"> <h4 class="media-heading">Media heading</h4> This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text. </div> </div> <div class="media"> <a class="pull-left" href="#"> <img width="80px" class="media-object" src="/static/i/css/paris2.jpg" alt="Media Object"> </a> <div class="media-body"> <h4 class="media-heading">Media heading</h4> This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text. <div class="media"> <a class="pull-left" href="#"> <img width="80px" class="media-object" src="/static/i/css/paris1.jpg" alt="Media Object"> </a> <div class="media-body"> <h4 class="media-heading">Media heading</h4> This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text. This is some sample text. </div> </div> </div> </div>
运行结果：