Bootstrap学习笔记 05 - Images

圆角图片

<img src="rabbit.png" class="img-rounded" alt="rabbit" width="121" height="121"/>

圆形图片

<img src="rabbit.png" class="img-circle" alt="rabbit" width="121" height="121"/>

缩略图

<img src="rabbit.png" class="img-thumbnail" alt="rabbit" width="121" height="121"/>

响应式图片

<!-- .img-responsive 响应式图片，会根据页面大小自动调整 -->
<img src="rabbit.png" class="img-responsive" alt="rabbit"/>

相册

img-thumbnail 与 Grid 结合形成相册：

<div class="row">
    <div class="col-md-4">
        <img class="img-thumbnail" src="rabbit.png"/>
    </div>
    <div class="col-md-4">
        <img class="img-thumbnail" src="rabbit.png"/>
    </div>
    <div class="col-md-4">
        <img class="img-thumbnail" src="rabbit.png"/>
    </div>
</div>