实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
   <title>Bootstrap 实例 - 媒体对象列表</title>
5
   <link href="https://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
6
   <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
7
   <script src="https://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
8
</head>
9
<body>
10
11
<ul class="media-list">
12
   <li class="media">
13
      <a class="pull-left" href="#">
14
         <img class="media-object" src="/upload/love/bootstarp.gif" 
15
         alt="通用的占位符图像">
16
      </a>
17
      <div class="media-body">
18
         <h4 class="media-heading">媒体标题</h4>
19
         <p>这是一些示例文本。这是一些示例文本。 
20
            这是一些示例文本。这是一些示例文本。
21
            这是一些示例文本。这是一些示例文本。
22
            这是一些示例文本。这是一些示例文本。