bootstrap中如何让图片居中-Bootstrap教程-PHP中文网

bootstrap中如何让图片居中

尚2019-07-18 17:47:09原创

如果您使用的是Bootstrap 3中,您可能遇到这么一个问题，你可以使用.text-center对文字居中对齐，图片却无法居中对齐，要解决这个问题你可以需要做很多事件，比如在img外加个div，再通过图片宽高大小等做调整等。

Bootstrap 3中有一个非常简单的方法就能实现图片响应式的水平垂直居中对齐，把图片添加css类img-responsive center-block即可实现，来看看吧。

在Bootstrap 3要使图片对齐,你可以试试下面的代码:

Bootstrap v3.0.1介绍。使用center-block类，您可以将图对齐到容器的中心。下面是例子:

<img src="图片地址" class="img-responsive center-block" />

更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

以上就是bootstrap中如何让图片居中的详细内容，更多请关注php中文网其它相关文章！

声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理

专题推荐：bootstrap图片居中

上一篇：bootstrap怎么设置背景图片自适应屏幕大小下一篇：bootstrap4如何设置下拉菜单

前端开发常用的库—Bootstrap

Bootstrap框架是一个非常受欢迎的前端开发框架，他能让后端程序员和不懂设计的前端人员制作出优美的Web页面或Web应用程序。在这个系列教程中，将带领大家了解Bootstrap框架以及如何使用Bootstrap框架，并且能够独立定制出适合自己的Bootstrap。

Bootstrap.用户界面架构视频教程

bootstrap教程之《Bootstrap.用户界面架构视频教程》包含了Bootstrap用户界面与交互架构介绍、在网页中使用 Bootstrap、布局、列表表单、按钮、导航菜单等多部分内容。Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。