Bootstrap CSS 图片参考
Bootstrap 图像
圆角

圆形

缩略图

<img> 类
下面的类可用于设置任何图片的样式
类 | 描述 | 示例 |
---|---|---|
.img-rounded | 为图片添加圆角(IE8 中不可用) | 试一试 |
.img-circle | 将图片塑造成圆形(IE8 中不可用) | 试一试 |
.img-thumbnail | 将图片塑造成缩略图 | 试一试 |
.img-responsive | 使图片响应式(会很好地缩放到父元素) | 试一试 |
响应式图片
通过向 <img>
标签添加 .img-responsive
类来创建响应式图片。然后图片会很好地缩放到父元素。
该 .img-responsive
类应用 max-width: 100%
、height: auto
和 display:block
到图片