twitter-bootstrap Bootstrap 模态的边距顶部

Margin-top of Bootstrap modal

提问by E.D.A

I added Bootstrap modals to my website, but I've noticed that the space between the modal and the top of the screen is greater than the space between the modal and the bottom of the screen.

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

I've added style="margin-top:0;padding-top:0"to each of the divtags but it had no effect.

我已经添加style="margin-top:0;padding-top:0"到每个div标签，但它没有效果。

The intention is to decrease the gap between the modal and the top of the screen.

目的是减少模态和屏幕顶部之间的间隙。

采纳答案by E.D.A

Using the topand bottomin my CSS worked just great. I modified the modal class and added top:10px.

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

回答by Tomas Gonzalez

I just did it using the following CSS:

我只是使用以下 CSS 完成的：

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

Using vh units makes it a bit more "responsive".

使用 vh 单位使其更具“响应性”。

Also, you may be interested in this post.

此外，您可能对这篇文章感兴趣。