Bootstrap - 媒体对象

Bootstrap Media Object - 从概述，环境设置，基本结构，全局样式，网格系统，流体网格系统，布局，响应式设计，排版，表格，按钮，图像，图标，下拉列表，按钮开始，简单易学地学习Bootstrap组，导航元素，导航栏，面包屑，分页，标签，徽章，版式，缩略图，警报，进度栏，媒体对象，Javascript插件像过渡，模态，下拉列表，Scrollspy，选项卡，工具提示，弹出，警报，按钮，折叠， Carousel，Typeahead，Affix，Glyphicons，Jumbotron，Demos。

本章讨论Media对象.这些是抽象对象样式，用于构建各种类型的组件(如博客评论，推文等)，这些组件在文本内容旁边具有左对齐或右对齐图像.媒体对象的目标是使用于开发这些信息块的代码大大缩短.

媒体对象的目标(轻量级标记，易扩展性)是通过将类应用于某些人来实现的.简单标记.媒体对象有两种形式 :

.media : 此类允许将媒体对象(图像，视频和音频)浮动到内容块的左侧或右侧.
.media-列表 : 如果您准备的列表中的项目将成为无序列表的一部分，请使用类.对评论主题或文章列表很有用.

让我们看一下默认媒体对象的下面一个例子 :

                        Media heading      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.

Media heading 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.

让我们看一下媒体列表的示例 :

                                             Media heading                     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.         
                                                                                                         Nested media heading               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.                                                                                                                                                               Nested media heading                     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.                                                                                                                                                                                             Nested media heading               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.                                                                                          Media heading         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.