如何解决如何相对于单击的按钮对齐react-bootstrap模式
我有一个react-bootstrap-modal this,我想显示与单击的按钮相关的模态,我在react-bootstrap-table中有一个选项,因此当我点击该选项时,我正在显示我的情态,但相对而言并不一致。
-
我正在使用
contentClassName
覆盖.modal-content
,我不知道,但是它无法正常工作<Modal show={props.show} onHide={props.handleClose} contentClassName="modal_l" // this is I am doing to override aria-labelledby="example-custom-modal-styling-title"> <div className="container_modal_options"> <div className="heading">Heading</div> <div className="content">"content</div> </div> </Modal>
我在这里共享最少的代码,
.modal_l {
width: 100px !important; it is not taking styling
}
我想在右侧单击以显示模态
This is my code sand box working code
解决方法
您应将contentClassName
更改为dialogClassName
。
.modal_l {
width: 100px !important;
max-width: none !important;// set max-width,if needed.
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。