【Bootstrap】一个缩略图文组件

 <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>

效果展示如下:

其中图片的宽度是一定的，高度随比例变换，以此为基础做瀑布流布局。

转载于:https://www.cnblogs.com/wukall/p/5686618.html