bootstrap中图片处理

为图片添加如下类:

.img-responsive:让图片支持响应式设计。图片将很好的扩展到父元素。该类将max-width:100%和height:auto样式用在图片上。

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded:为图片添加圆角(IE8不支持)

.img-circle:将图片变为圆形(IE8不支持)

.img-thumbnail:缩略图功能

猜你喜欢

转载自blog.csdn.net/zyy3976/article/details/81143854