Bootstrap基础
Bootstrap框架
Bootstrap基本样式
Bootstrap组件
下拉菜单
按钮组
按钮菜单
导航
导航条
面包屑导航
分页导航
标签和徽章
排版
缩略图
警告框
进度条
媒体对象
媒体
媒体列表
顾名思义,媒体列表就是媒体的列表,媒体列表的每个列表项都是一个独立的媒体。由于媒体列表可以嵌套,因此很适合展示评论或其他需要以列表展示的信息。
定义媒体列表,只需一个 class="media-list" 的列表,并把每个 <li> 子元素定义为一个媒体即可。如:
<ul class="media-list">
<li class="media">
<a class="pull-left" href="#">
<img class="media-object" data-src="holder.js/64x64">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
...
<!-- Nested media object -->
<div class="media">
...
</div>
</div>
</li>
</ul>
效果如图 4‑62所示:

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!
赏