Reactjs 反应样式引导模式

我想将样式添加到我的模态中，使其具有（使模态成为屏幕的全宽，并将其向下推到屏幕上）：

到

<div class="modal-dialog" role="document">

当它出现在常规引导模式（）上时，或者当使用react引导时，div是

<div class="custom-modal modal-lg modal-dialog">

但是看看react引导站点，（）我们也只能访问

<Modal/>
<Modal.Header/>
<Modal.Body/>

---

将这些CSS设置应用到那些不会给我我想要的样式的组件上

如果你查看modals的道具部分，它解释了可以在每个组件上设置哪些可能的定制（Modal、Modal.Header、Modal.Body）

例如，要将

自定义模态

类添加到

模态对话框

元素中，可以设置属性

dialogClassName

：

<Modal dialogClassName="custom-modal">
    //Modal content goes here
</Modal>

//模态内容在这里

<Modal dialogClassName="custom-modal">
    //Modal content goes here
</Modal>