当前第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与vue区别
bootstrap 如何修改css样式
bootstrap前端视图中如何实现页面内容模块化的隔离
bootstrap.css样式表是什么
bootstrap modal 如何关闭
bootstrap字体图标怎么引用
vue中怎么引入bootstrap
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » bootstrap如何让图片居中显示
