Bootstrap模式的页边距

Question

我在我的网站上添加了Bootstrap模态，但我注意到模式和屏幕顶部之间的空间大于模式和屏幕底部之间的空间。

我已将style="margin-top:0;padding-top:0"添加到每个div标记中，但它没有任何作用。

其目的是减少模式和屏幕顶部之间的差距。

Answer 1

在我的CSS中使用top和bottom工作得很好。我修改了模态类并添加了top:10px。

Answer 2

我只是做它用下面的CSS：

.modal-dialog { 
    margin: 20vh auto 0px auto 
} 

使用VH单元使得它更有点“有求必应”。

另外，您可能会感兴趣this post。