陣營造型的引導模態

我想我的情態所以它（使模態屏幕的整個寬度，將其推下屏幕）增添風采：陣營造型的引導模態

width: "100%, 
top: "25px

到

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

，因爲它出現在常規的自舉模式（http://getbootstrap.com/javascript/#modals），或者當使用的反應的自舉，在div是

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

但看反應，引導網站（https://react-bootstrap.github.io/components.html#modals），我們只能訪問過

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

和應用這些CSS設置那些不會給我的造型即時尋找

2017-06-02 Qaqiaq

如果你看看模塊的Props部分，它解釋了可以在每個模板上設置哪些可能的自定義（Modal，Modal.Header，Modal.Body）。

例如，一個custom-modal類添加到modal-dialog元素，屬性dialogClassName可以設置：

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

2017-06-02 09:22:50

如果您正在尋找使用作出反應的js模型bootstrap

試試這個：www.codepen.io/nsieber/pen/grGpzW

2018-03-06 14:42:00 Rizo

回答