如何设置reactstrap模头的中心内容？

Question

我使用的是reactstrap莫代尔，有ModalHeader这里我显示我面临的问题，而我试图把这些内容在头的中心我content.But。

做检查，我发现里面ModalHeader有<h5>标签，这个标签我的内容进入室内后的元素，我检查<h5>标签不使用模态，Header.I的全宽认为，因为它不是在中心来了。如果有人知道reactstrap莫代尔请指导我怎么可以把我的模态，标题内容center.Thanks提前。

下面是我的示例代码。

<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>

Answer 1

你可以用cssModule道具添加类名H2标签。添加w-100 text-center解决这个问题对我来说

<ModalHeader toggle={props.toggle}  cssModule={{'modal-title': 'w-100 text-center'}}> 
<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>