图片 | Images
Images
响应式图像
Bootstrap 3中的图像可以通过添加.img-responsive类来响应友好。这适用max-width: 100%;，height: auto;并display: block;在图像，使其很好地扩展到父元素。
要使用.img-responsive该类的图像居中，请使用.center-block而不是.text-center。有关.center-block使用的更多详细信息，请参阅帮助程序类部分。
SVG图像和IE 8-10
在Internet Explorer 8-10中，SVG图像的.img-responsive大小不成比例。要解决此问题，请width: 100% \9;在必要时添加。Bootstrap不会自动应用，因为它会导致其他图像格式的复杂化。
<img src="..." class="img-responsive" alt="Responsive image">图像形状
将<img>元素添加到元素中以轻松设置任何项目中的图像样式。
跨浏览器兼容性
请记住，Internet Explorer 8不支持圆角。
<img src="..." alt="..." class="img-rounded">
<img src="..." alt="..." class="img-circle">
<img src="..." alt="..." class="img-thumbnail">本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
