媒体对象

媒体对象用于构建复杂、重复的内容列表,左边是一个图、右边是内容且不能转着图、形成两列。由于采用了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回,主要讲述岳飞死后,岳雷扫北的故事。歌颂了岳飞等将士英勇作战、精忠报国的忠勇行为,鞭笞了秦桧等人卖国求荣、陷害忠良的丑恶罪行。