word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">缩略图组件和媒体对象

word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">缩略图

图文混合的缩略图

媒体对象

媒体对象是一个抽象的样式，用来构建不同类型的组件，这些组件都具有在文本内左对齐或右对齐的图片（就像博客评论或Twitter消息等）

默认样式的媒体对象是在内容区域的左侧或右侧展示一个媒体内容（图片、视频、音频）

9.3.5 列表组及分页导航

普通的列组件和带徽章的列表组件

列表组是灵活又强大的组件

大部分列表都是使用ul/li来实现的

基础列表

默认分页导航和翻页组件

网页内容很多的时候都会使用分页显示。比如新闻列表、订单记录等

一个用户体验良好的分页组件会使网页的level提高一个等级，Bootstrap为大家提供了两种分页组件

带多个页面的翻页组件

只有上一页和下一页的翻页组件