Bootstrap图片
圆角:

圈:

缩略图:

<img>类
下面的类可以被用于任何样式的图像:
类 | 描述 | 例 |
---|---|---|
.img-rounded | 添加圆角到图像(在IE8中不可用) | 尝试一下 |
.img-circle | 图像形状圆(在IE8中不可用) | 尝试一下 |
.img-thumbnail | 图像形状缩略图 | 尝试一下 |
.img-responsive | 使得响应图像(将很好地扩展到父元素) | 尝试一下 |
响应图片
通过添加创建响应图像.img-responsive
类的<img>
标签。 然后图像会很好地扩展到父元素。
该.img-responsive
类应用max-width: 100%
height: auto
,并display:block
的图像: