配合栅栏网格使用
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
</div>
</div>
自定义内容
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
<div class="caption">
<h3>图片</h3>
<p>关于这张图片的详情</p>
<p><a href="#" class="btn btn-default">快速进入</a></p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
</div>
</div>
自定义内容
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
<div class="caption">
<h3>图片</h3>
<p>关于这张图片的详情</p>
<p><a href="#" class="btn btn-default">快速进入</a></p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="thumbnail">
<img src="img/1.jpg" alt="图片" />
</div>
</div>
</div>
</div>