上一小節，展示的僅只有縮略圖的一種使用方式，除了這種方式之外，還可以讓縮略圖配合標題、描述內容，按鈕等：
在僅有縮略圖的基礎上，添加了一個div名為“caption“的容器，在這個容器中放置其他內容，比如說標題，文本描述，按鈕等：
<div class="container">
<div class="row">
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<img src="http://a.hiphotos.baidu.com/image/w%3D400/sign=c56d7638b0b7d0a27bc9059dfbee760d/3b292df5e0fe9925d46873da36a85edf8cb171d7.jpg" style="height: 180px; width: 100%; display: block;" alt="">
</a>
<div class="caption">
<h3>Bootstrap框架系列教程</h3>
<p>Bootstrap框架是一個優秀的前端框，就算您是一位后端程序員或者你是一位不懂設計的前端人員，你也能依賴于Bootstrap制作做優美的網站...</p>
<p>
<a href="##" class="btn btn-primary">開始學習</a>
<a href="##" class="btn btn-info">正在學習</a>
</p>
</div>
</div>
…
</div>
</div>
我來試試：為右側代碼補充縮略圖的標題、描述內容及按鈕。
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報