标签:
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
//添加图片 宽度一定 高度随图片 也可设置
<img src="images/demo1images/2.jpg" alt="2048">
<div class="caption">
<h3>影评网站</h3>//标题
<p>我有一壶酒,聊以慰风尘</p>//文字介绍
<p><a href="demo1.html" class="btn btn-primary" role="button">预览</a> </p>//按钮
</div>
</div>
</div>
</div>
效果展示如下:
其中图片的宽度是一定的,高度随比例变换,以此为基础做瀑布流布局。
标签:
原文地址:http://www.cnblogs.com/wukall/p/5686618.html