2019-04-10 图片（7）

.img-rounded：添加 border-radius:6px 来获得图片圆角。

.img-circle：添加 border-radius:50% 来让整个图片变成圆形。

.img-thumbnail：添加一些内边距（padding）和一个灰色的边框。

<img src="/wp-content/uploads/2014/06/download.png" class="img-rounded">

<img src="/wp-content/uploads/2014/06/download.png" class="img-circle">

<img src="/wp-content/uploads/2014/06/download.png" class="img-thumbnail">

    通过在 <img> 标签添加 .img-responsive 类来让图片支持响应式设计。 图片将很好地扩展到父元素。

.img-responsive 类将 max-width: 100%; 和 height: auto; 样式应用在图片上

<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">