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為大家提供了兩種分頁組件

帶多個頁面的翻頁組件

只有上一頁和下一頁的翻頁組件