Bootstrap 组件：缩略图组件（thumbnail）

作者:WangMin
格言:努力做好自己喜欢的每一件事
CSDN原创文章
博客地址 👉 WangMin

缩略图用于给图片、视频、文本等加入栅格功能，很适合以网格形式展示图片、视频、商品列表等。默认的缩略图非常简单，只需把图片放在 class=“thumbnail” 的 a 标签中即可。

默认样式的实例

Boostrap 缩略图的默认设计仅需最少的标签就能展示带链接的图片。
单张图片缩略图如下：

<a href="##" class="thumbnail">
    <img src='../img/timg.jpg' alt=""/>
</a>

多张图片缩略图如下（结合栅格系统）：

<div class="row">
	 <div class="col-xs-6 col-md-3">
		<a href="##" class="thumbnail">
		   	<img src='../img/timg.jpg' alt=""/>
		 </a>
	 </div>
         <div class="col-xs-6 col-md-3">
		  <a href="##" class="thumbnail">
		  	<img src='../img/timg.jpg' alt=""/>