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所示:
图4-62 Bootstrap媒体列表media-list
关于作者
歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。