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。