我试图在 Bootstrap 4 Alpha 6 的轮播中水平居中放置图像。
它似乎在我尝试过的任何方式下都不起作用,包括使用 center-block
。
这是我到目前为止尝试过的:http://codepen.io/anon/pen/wJdjQg?editors=1100
有什么提示吗?
最佳答案
center-block
在 Bootstrap 4 中被 mx-auto
取代。mx-auto
表示自动 x 轴边距(margin=左:自动;右边距:自动)所以它
可用于居中 display:block
或 display:flex
元素。
<div class="carousel-item active">
<img class="img-fluid mx-auto" src="https://unsplash.it/200/200" alt="First slide">
</div>
关于css - 如何在 Bootstrap 中将图像居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42744803/