Bootstrap 图片

Bootstrap图片在本章中，我们将学习Bootstrap对图片的支持。Bootstrap提供了三个可对图片应用简单样式的class：.img-rounded：添加border-radius:6px来获得图片圆角。.img-circle：添加border-radius:50%来让整个图片变成圆形。.img-thumbnail：添加一些内边距（padding）和一个灰色的边框。请看下面的实例演示：实例<imgsrc="/wp-content/uploads/2014/06/download.png"class="img-rounded"><imgsrc="/wp-content/uploads/2014/06/download.png"class="img-circle"><imgsrc="/wp-content/uploads/2014/06/download.png"class="img-thumbnail">尝试一下?结果如下所示：<img>类以下类可用于任何图片中。类描述实例.img-rounded为图片添加圆角(IE8不支持)尝试一下.img-circle将图片变为圆形(IE8不支持)尝试一下.img-thumbnail缩略图功能尝试一下.img-responsive图片响应式(将很好地扩展到父元素)尝试一下响应式图片通过在<img>标签添加.img-responsive类来让图片支持响应式设计。图片将很好地扩展到父元素。.img-responsive类将max-width:100%;和height:auto;样式应用在图片上：实例<imgsrc="cinqueterre.jpg"class="img-responsive"alt="CinqueTerre">尝试一下?