Bootstrap 样式之 图片的显示形状

在Bootstrap中，除了响应式图片的处理，还预定义了三种不同的图片显示样式

（测试版本3.x）

我们先随便找一张图片，我这里给出一张160*160 的正方形图片：

我们开始添加三种不同的图片样式：

<img src="self_info.png" alt="..." class="img-rounded">
<img src="self_info.png" alt="..." class="img-circle">
<img src="self_info.png" alt="..." class="img-thumbnail">

我们再看看显示效果：

第一个是带圆角的图片，第二个是圆形的图片，第三个是带外边距的图片，效果还是不错的；

我们再看看三种样式的源码：

圆角是通过border-radius 实现的，但是不是所有的浏览器都支持border-radius,我们需要注意；