怎樣創(chuàng)建略縮圖 桥狡？
- 最簡單的方法是直接在
<img>上設(shè)置.img-thumbnail樣式; - 也可以在
<img>的父元素惨缆，如<div>上設(shè)置.img-thumbnail樣式; - 如果希望圖像也是一個鏈接遣钳，則父元素應(yīng)該是一個
<a>
<div class="row">
<div class="col-xs-3">
<a href="#" class="thumbnail">
<img src="/images/me.jpg">
</a>
</div>
......
</div>
01.PNG
自定義的略縮圖可以包含什么組件 ？
設(shè)置了 .thumbnail 中元素中可以添加圖片、圖片之后可以添加標(biāo)題倦零、文本內(nèi)容藐石、按鈕即供、鏈接等等
<div class="row">
<div class="col-xs-6">
<div class="thumbnail">
<img src="/images/me.jpg">
<div class="caption">
<h3>標(biāo)題</h3>
<p>內(nèi)容巴拉拉小魔仙巴拉拉小魔仙巴拉拉小魔仙巴拉拉小魔仙巴拉拉小魔仙巴拉拉小魔仙</p>
<p>
<a href="#" class="btn btn-primary">分享</a>
<a href="#" class="btn btn-default">下載</a>
</p>
</div>
</div>
</div>
......
</div>
02.PNG
