2017-06-02 95 views
0

我想我的情态所以它(使模态屏幕的整个宽度,将其推下屏幕)增添风采:阵营造型的引导模态

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设置那些不会给我的造型即时寻找

回答

0

如果你看看模块的Props部分,它解释了可以在每个模板上设置哪些可能的自定义(Modal,Modal.Header,Modal.Body)。

例如,一个custom-modal类添加到modal-dialog元素,属性dialogClassName可以设置:

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

Property documentation

Example with custom css class

0

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

试试这个:www.codepen.io/nsieber/pen/grGpzW