我正在使用 Reactstrap Modal,有 ModalHeader,我在其中显示我的内容。但是当我尝试将该内容放在标题中心时,我遇到了问题。
在检查元素后,我发现 ModalHeader 中有一个<h5>标签,在这个标签内我的内容即将到来,我检查<h5>标签没有使用 Modal-Header 的完整宽度。我认为因为它没有位于中心。如果有人了解 Reactstrap Modal,请指导我如何将我的 Modal-Header 内容放在中心。提前致谢。
这是我的示例代码。
<ModalHeader toggle={props.toggle} >
<div className="d-flex justify-content-center mb-2">
<img src={myImg} alt="img" className="imgSize" />
</div>
<div className="d-flex justify-content-center">
<p>Hi <b>John -</b> here is my some text</p>
</div>
</ModalHeader>
Run Code Online (Sandbox Code Playgroud)