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

相关文章： 实例解析angularjs的filter过滤器  淘宝制作网站有哪些,淘宝网官网主页？  如何选择高效可靠的多用户建站源码资源？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  建站之星代理费用多少？最新价格详情介绍  如何获取开源自助建站系统免费下载链接？  如何在IIS中新建站点并解决端口绑定冲突？  宝塔Windows建站如何避免显示默认IIS页面？  常州自助建站费用包含哪些项目？  装修招标网站设计制作流程,装修招标流程？  建站VPS推荐：2025年高性能服务器配置指南  C#如何序列化对象为XML XmlSerializer用法  如何选择美橙互联多站合一建站方案？  教学论文网站制作软件有哪些,写论文用什么软件 ？  建站之星3.0如何解决常见操作问题？  小型网站建站如何选择虚拟主机？  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  如何选择最佳自助建站系统？快速指南解析优劣  如何设置并定期更换建站之星安全管理员密码？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  智能起名网站制作软件有哪些,制作logo的软件？  ,网站推广常用方法？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  建站之星多图banner生成与模板自定义指南  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱？  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  建站之星ASP如何实现CMS高效搭建与安全管理？  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  如何快速配置高效服务器建站软件？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  济南企业网站制作公司,济南社保单位网上缴费步骤？  建站上传速度慢？如何优化加速网站加载效率？  测试制作网站有哪些,测试性取向的权威测试或者网站？  如何高效生成建站之星成品网站源码？  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  网站专业制作公司,网站编辑是做什么的？好做吗？工作前景如何？  青岛网站设计制作公司,查询青岛招聘信息的网站有哪些？  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  实例解析Array和String方法  简历在线制作网站免费,免费下载个人简历的网站是哪些？  建站之星安装后如何自定义网站颜色与字体？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  如何通过.red域名打造高辨识度品牌网站？  如何在阿里云ECS服务器部署织梦CMS网站？  如何在阿里云虚拟主机上快速搭建个人网站？