React-Bootstrap Modal移动大小有额外的空白
[英]React-Bootstrap Modal mobile size has a additional white space
问题描述
I'm using react-bootstrap": "^1.0.0-beta.5" 
我正在使用react-bootstrap“：” ^ 1.0.0-beta.5“
I just cannot get rid of the extra white space created by the dialog / modal for my modal, on mobile view. 我只是无法摆脱由对话框/模式为我的模态在移动视图上创建的额外空白。
i've read a few threads refering to it as bootstrap 3. I did tried to cahnge the bootstrap.css file but it didnt seem to work for me. 我已经读过一些将其称为bootstrap 3的线程。我确实尝试过启动bootstrap.css文件，但它似乎对我没有用。
can anyone help ? 有人可以帮忙吗？
1 个解决方案
解决方案1
0 2019-03-11 13:59:19
So, I found out the issue. 因此，我发现了问题所在。
the issue was with the Component that i was using surprisingly it is messing up with the margins of -15px for left and right. 问题出在我正在使用的组件上，它出人意料的是，它左右的边距为-15px。 ALTHOUGH i added them into the container correctly. 虽然我正确地将它们添加到了容器中。
The trick that i did was to overwrite the .row css class in that page to remove the -15px for both left and right. 我做的技巧是改写该页面中的.row css类，以删除左右两边的-15px。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.