Bootstrap3 图片（响应式图片&图片形状）

本文是Bootstrap3基础系列教程，最后一篇文章，后面还会在写进阶的文章，加个关注吧，还会有好的文章奉献而来的。

响应式图片

在 Bootstrap 版本 3 中，通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%; 和 height: auto; 属性，从而让图片在其父元素中更好的缩放。

SVG 图像和 IE 8-10

在 Internet Explorer 8-10 中，设置为 .img-responsive 的 SVG 图像显示出的尺寸不匀称。为了解决这个问题，在出问题的地方添加 width: 100% \9; 即可。Bootstrap 并没有自动为所有图像元素设置这一属性，因为这会导致其他图像格式出现错乱。

<img src="..." class="img-responsive" alt="Responsive image">

图片形状

通过为  元素添加以下相应的类，可以让图片呈现不同的形状。

跨浏览器兼容性

请时刻牢记：Internet Explorer 8 不支持 CSS3 中的圆角属性。

<img src="..." alt="..." class="img-rounded">
<img src="..." alt="..." class="img-circle">
<img src="..." alt="..." class="img-thumbnail">

以上所述是小编给大家介绍的Bootstrap3 图片（响应式图片&图片形状），希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# bootstrap  # 图片  # Bootstrap中的fileinput 多图片上传及编辑功能  # BootStrap使用file-input插件上传图片的方法  # Bootstrap 最常用的JS插件系列总结（图片轮播、标签切换等）  # Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法  # 全面解析多种Bootstrap图片轮播效果  # 小编  # 进阶  # 这一  # 会有  # 在此  # 而来  # 会在  # 给大家  # 不支持  # 设置为  # 这会  # 所述  # 给我留言  # 一篇文章  # 解决这个问题  # 感谢大家  # 其父  # 而让  # 疑问请  # 有任何 

相关文章： Bpmn 2.0的XML文件怎么画流程图  简单实现Android验证码  如何获取免费开源的自助建站系统源码？  建站VPS能否同时实现高效与安全翻墙？  高端企业智能建站程序：SEO优化与响应式模板定制开发  建站之星如何实现PC+手机+微信网站五合一建站？  如何快速搭建高效服务器建站系统？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  视频网站制作教程,怎么样制作优酷网的小视频？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  C++如何使用std::optional？（处理可选值）  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  建站之星价格显示格式升级，你的预算足够吗？  建站主机是否等同于虚拟主机？  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  网站制作报价单模板图片,小松挖机官方网站报价？  如何用搬瓦工VPS快速搭建个人网站？  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  如何安全更换建站之星模板并保留数据？  简单实现Android文件上传  北京的网站制作公司有哪些,哪个视频网站最好？  建站之星如何开启自定义404页面避免用户流失？  c# await 一个已经完成的Task会发生什么  音响网站制作视频教程,隆霸音响官方网站？  如何快速搭建虚拟主机网站？新手必看指南  如何快速启动建站代理加盟业务？  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  一键网站制作软件,义乌购一件代发流程？  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  郑州企业网站制作公司,郑州招聘网站有哪些？  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  内网网站制作软件,内网的网站如何发布到外网？  建站之星代理如何获取技术支持？  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  家具网站制作软件,家具厂怎么跑业务？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  建站之星如何快速解决建站难题？  济南网站制作的价格,历城一职专官方网站？  外贸公司网站制作哪家好,maersk船公司官网？  云南网站制作公司有哪些,云南最好的招聘网站是哪个？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  北京网站制作公司哪家好一点,北京租房网站有哪些？  如何在Ubuntu系统下快速搭建WordPress个人网站？  制作企业网站建设方案,怎样建设一个公司网站？  如何在搬瓦工VPS快速搭建网站？  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  建站之星后台管理如何实现高效配置？