当前第2页 返回上一页
例如,下边的代码则不能实现图片居中。
1 | <div class = "center-block" ><img class = "img-responsive" src= "..." /></div>
|
如果图片没有添加响应式类 .img-responsive,那么我们也可以使用.text-center来实现图片居中对齐:
1 | <p class = "text-center" ><img src= "..." ></p>
|
更多Bootstrap相关技术文章,请访问Bootstrap教程栏目进行学习!
以上就是bootstrap如何让图片居中显示的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
bootstrap如何使用路径分页标签
bootstrap基于什么开发
bootstrap如何设置字体
bootstrap table给行怎么加背景色
bootstrap轮播怎么停止自动轮播
bootstrap怎么添加样式表
bootstrap为什么是12列
为什么要使用bootstrap
bootstrap 如何取消自适应
什么是bootstrap以及其作用
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » bootstrap如何让图片居中显示