Bootstrap模态的边缘顶部

时间:2015-04-03 19:42:32

标签: html css twitter-bootstrap

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

我已为每个style="margin-top:0;padding-top:0"标记添加了div,但它没有效果。

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

2 个答案:

答案 0 :(得分:2)

在我的CSS中使用topbottom非常棒。我修改了模态类并添加了top:10px

答案 1 :(得分:2)

我刚刚使用以下CSS做到了:

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

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

另外,您可能对this post感兴趣。