React-Bootstrap Modal移动大小有一个额外的空白区域

Question

我正在使用react-bootstrap“：”^ 1.0.0-beta.5“

在移动视图中，我无法摆脱对话框/模态为我的模态创建的额外空白区域。

我已经阅读了一些线程，将其称为bootstrap 3.我确实尝试更改bootstrap.css文件，但它似乎并不适用于我。

有人可以帮忙吗？

Answer 1

所以，我发现了这个问题。

问题出在我使用的组件令人惊讶的是它正在弄乱左右的-15px的边缘。我已经正确地将它们添加到容器中了。

我做的诀窍是覆盖该页面中的.row css类，以删除左右两侧的-15px。