媒体对象

媒体对象用于构建复杂、重复的内容列表，左边是一个图、右边是内容且不能转着图、形成两列。由于采用了flexbox流式布局，我们只要两个Class类就能达成。

以下是一个媒体对象的示例，只需要两个Class选择器，分别引用 .media 和 .media-body 来装载的内容，就可以实现页面设计目标、形成布局、间距并控制可选的填充和边距。

64x64
龙川略志
一部笔记体小品文集，记述了当时社会、政治、人物、风物等许多掌故和轶闻。
嵌套

媒体对象可以无限嵌套，但我们建议您在某个点停止。将嵌套的 .media 放在父媒体对象的 .media body 中。

64x64
齐民要术
是北朝北魏时期，南朝宋至梁时期，中国杰出农学家贾思勰所著的一部综合性农学著作，也是世界农学史上最早的专著之一，是中国现存最早的一部完整的农书。
64x64
鸿猷录
书中记朱元璋起义至嘉靖朝兵事，对明初统一战争及正统、成化、正德年间明军的主要战事，都有所记述。
对齐

媒体对象中的媒体可以与flexbox流式布局一样，实现对齐到顶部、中间、底部，自由便利，只要在 .media-body 的父级加上 align-self-start 等属性。

64x64
三刻拍案惊奇

《三刻拍案惊奇》原名《峥霄馆评定通俗演义型世言》，钱塘陆人龙编撰，陆云龙评点，崇祯五年峥霄馆书坊刊行，八卷四十回，为拟话本小说。

《型世言》一书，流传稀少，大概问世十年后，已难见该书。崇祯十六年前后，江南书贾将其改纂，照原书版式翻刻了其中三十回，为每回新拟了 回目，将书名改为《三刻》，作者亦改署梦觉道人、西湖浪子。

64x64
东京梦华录

《东京梦华录》是宋代孟元老的笔记体散记文，创作于宋钦宗靖康二年（1127年），是一本追述北宋都城东京开封府城市风俗人情的著作。

所记大多是宋徽宗崇宁到宣和（1102-1125）年间北宋都城东京开封的情况，描绘了这一历史时期居住在东京的上至王公贵族、下及庶民百姓的日常生活情景，是研究北宋都市社会生活、经济文化的一部极其重要的历史文献古籍。

64x64
鹤林玉露

《鹤林玉露》是宋代罗大经创作的一部文言轶事小说。

此书分甲、乙、丙三编，共18卷。半数以上评述前代及宋代诗文，记述宋代文人轶事，有文学史料价值。如乙卷四《诗祸》一则，记宋理宗宝庆、绍定间江湖诗案一事，有助于对江湖诗派的了解；卷三《东坡文》一则，论苏轼文章深受《庄子》、《战国策》影响，因为作者善文，其议论自具眼力；卷五《二老相访》一则，记杨万里与周必大晚年的亲密交往，可与史书所记二人不甚相合对比研究。有中华书局1983年点校本。又有16卷本(如明刊《稗海》本）。

排序

通过修改HTML本身或通过添加一些自定义flexbox CSS来设置 order 属性（以您选择的整数）来更改媒体对象中内容的顺序。

上古神话演义
本书非常详细的介绍了中国古代的神话故事，如：盘古开天、女娲造人、共工触天、精卫填海、后羿射日、大禹治水、夸父追日、蚩尤之战等传说......这部书，演说上古史的神话，原想专说夏禹王治水一段故事。但是既然叫 史，必定有一个来源，要说明这个来源，不能不从开天辟地说起。天何以要开， 地何地要辟呢？原来我们所住的地球，亦和我们人类一样，有生有死。不过地球 的死，不必一定是地球整体的毁坏，只要是住在地球上的生物统统死了，那便是 地球死了。这样大一个地球，哪个能够弄它死？当然是阴神一派的魔力。
64x64
列表呈现
  • 64x64
    三宝太监西洋记
    作者将明代永乐年间郑和七次奉使“西洋”的史实敷衍描绘成神魔小说，希望藉此激励明代君臣勇于抗击倭寇，重振国威。
  • 64x64
    南北史演义
    该书叙述了南北朝一百七十年间由分裂到对峙统一的史实，观点平实，内容丰富，论述有法，用语雅洁，自评自注，理趣兼备，洵为通俗史著的经典。
  • 64x64
    说岳全传
    《说岳全传》是清代钱彩编次、金丰增订的长篇英雄传奇小说，最早刊本为金氏余庆堂刻本，共20卷80回。前61回是岳飞的“英雄谱”和“创业史”；后19回，主要讲述岳飞死后，岳雷扫北的故事。歌颂了岳飞等将士英勇作战、精忠报国的忠勇行为，鞭笞了秦桧等人卖国求荣、陷害忠良的丑恶罪行。