在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,我們需要注意；