css – 如何在Bootstrap中居中显示图像?

前端之家收集整理的这篇文章主要介绍了css – 如何在Bootstrap中居中显示图像?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正试图在Bootstrap 4 Alpha 6的旋转木马中水平居中.

它似乎没有以我尝试过的任何方式工作,包括使用中心块.

这是我到目前为止所尝试的:http://codepen.io/anon/pen/wJdjQg?editors=1100

任何提示

解决方法

中心块已被Bootstrap 4中的mx-auto取代.mx-auto表示自动x轴边距(margin = left:auto; margin-right:auto)所以它
可用于居中显示:块或显示:flex元素.
<div class="carousel-item active">
          <img class="img-fluid mx-auto" src="https://unsplash.it/200/200" alt="First slide">
</div>

More on Centering in Bootstrap 4

猜你在找的CSS相关文章