圆角图片

圆角图片
<img src="http://zui.sexy/docs/img/img1.jpg" width="200px" height="200px" class="img-rounded" alt="圆角图片">

圆形图片

圆形图片
<img src="http://zui.sexy/docs/img/img2.jpg" width="200px" height="200px" class="img-circle" alt="圆形图片">

缩略图

缩略图
<img src="http://zui.sexy/docs/img/img3.jpg" width="200px" height="200px" class="img-thumbnail" alt="缩略图">

响应式图片

图片最大宽度将不会超过父级容器。

我的宽度限定为250px
响应式图片测试
<img src="http://zui.sexy/docs/img/img4.jpg" width="200px" height="200px" class="img-responsive" alt="响应式图片测试">

非常感谢 @snowinfish 为本章节提供演示所用的全部图片。

图片仅供 ZUI 演示使用,未经作者授权,不得用作他用。