南通市通州建设局网站,学校门户网站建设管理办法,游戏推广公司,gta手机网站大全img-responsive 编辑
本词条缺少概述图#xff0c;补充相关内容使词条更完整#xff0c;还能快速升级#xff0c;赶紧来编辑吧#xff01;
img-responsive是图片响应式的意思#xff0c;在Bootstrap框架中#xff0c;有一个.img-responsive的CSS样式。应用这个样式以后…img-responsive 编辑
本词条缺少概述图补充相关内容使词条更完整还能快速升级赶紧来编辑吧
img-responsive是图片响应式的意思在Bootstrap框架中有一个.img-responsive的CSS样式。应用这个样式以后图片就会变成响应式图片。
中文名
图片响应式
外文名
img responsive
常 见
Bootstrap中内置样式
目录
1 介绍2 用法3 居中介绍
编辑
img-responsive是图片响应式的意思在Bootstrap框架中有一个.img-responsive的CSS样式。应用这个样式以后图片就会变成响应式图片。 用法
编辑
在BootStrap中给img添加 .img-responsive样式就可以实现图片响应式。 1 img src... classimg-responsive 居中
编辑
我们在用bootstrap排版内容的时候有的时候在内容中需要图片水平居中对齐 [1] 。
一般情况下我们的图片都使用了 .img-responsive 类来实现响应式图片。如果需要实现响应式图片水平居中那么我们要使用 .center-block 类不要用 .text-center 1 pimg classimg-responsive center-block src... //p
参考资料
1. Bootstrap中如何让响应式图片img-responsive水平居中 天辰的博客2015-12-17[引用日期2016-09-30]
