需要帮助 bootstrap 轮播图片居中

need help centering bootstrap carousel image

我无法使图像在滑块中居中。

请在此处查看我的轮播 https://wordpress-website-headless-v2-c9jivybjd.vercel.app/

它是使用 react-bootstrap 和 next.js

创建的

为了使图片居中，我尝试将其添加到图片标签中

.center-block 
margin: 0 auto

图片和轮播项目​​

可能的解决方案

要使 inline HTML 元素居中，请将 text-align 属性 添加到 center 到它的父块元素。

低于 CSS 规则将使图像在滑块中居中。

.carousel-item {
    text-align: center;
}

.center-block {
position: absolute;
top: 50%;
left: 50%;

}

// 你可以像我一样用 vanilla CSS 居中你的轮播图片。