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图片轮播效果  # 小编  # 进阶  # 这一  # 会有  # 在此  # 而来  # 会在  # 给大家  # 不支持  # 设置为  # 这会  # 所述  # 给我留言  # 一篇文章  # 解决这个问题  # 感谢大家  # 其父  # 而让  # 疑问请  # 有任何 

相关文章： 家庭建站与云服务器建站，如何选择更优？  如何在IIS服务器上快速部署高效网站？  如何配置WinSCP新建站点的密钥验证步骤？  七夕网站制作视频,七夕大促活动怎么报名？  如何在阿里云高效完成企业建站全流程？  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  孙琪峥织梦建站教程如何优化数据库安全？  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  网站制作话术技巧,网站推广做的好怎么话术？  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  网站专业制作公司,网站编辑是做什么的？好做吗？工作前景如何？  如何选择适配移动端的WAP自助建站平台？  制作宣传网站的软件,小红书可以宣传网站吗？  如何基于PHP生成高效IDC网络公司建站源码？  建站之星图片链接生成指南：自助建站与智能设计教程  如何在云指建站中生成FTP站点？  简单实现Android验证码  建站之星安装步骤有哪些常见问题？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  如何选择适合PHP云建站的开源框架？  太平洋网站制作公司,网络用语太平洋是什么意思？  建站之星导航配置指南：自助建站与SEO优化全解析  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  制作网页的网站有哪些,电脑上怎么做网页？  如何通过建站之星自助学习解决操作问题？  制作门户网站的参考文献在哪,小说网站怎么建立？  怀化网站制作公司,怀化新生儿上户网上办理流程？  网站制作壁纸教程视频,电脑壁纸网站？  香港服务器网站推广：SEO优化与外贸独立站搭建策略  青浦网站制作公司有哪些,苹果官网发货地是哪里？  TestNG的testng.xml配置文件怎么写  建站之星客服服务时间及联系方式如何？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  南平网站制作公司,2025年南平市事业单位报名时间？  c# Task.ConfigureAwait(true) 在什么场景下是必须的  个人网站制作流程图片大全,个人网站如何注销？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  如何通过智能用户系统一键生成高效建站方案？  制作网站外包平台,自动化接单网站有哪些？  如何通过IIS搭建网站并配置访问权限？  常州自助建站费用包含哪些项目？  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱？  如何通过可视化优化提升建站效果？  PHP正则匹配日期和时间(时间戳转换)的实例代码  已有域名和空间，如何快速搭建网站？  北京制作网站的公司,北京铁路集团官方网站？