Question

我找到了一种方法：

使用边距来控制对话位置margin: -335px 0 0 -280px;

设置宽度必须重置边距width: 900px; margin: -250px 0 0 -450px;

设置高度使用max-height max-height: 800px; 基于

http://www.revillwebdesign.com/change-the-height-width-and-position-of-a-modal-in-twitter-bootstrap/

有更好的方法吗？使用这种或另一种方法，有没有办法只将对话框滑到top:0px并保持在那里直到被解雇？

使用我提到的第一个边距设置可以做到这一点，但很明显，一旦浏览器调整大小，它就会被推出视图。

Answer 1

简单地覆盖CSS位置，例如

.modal, .modal.fade.in {
    top: 0; /* was 10% */
}

注意，这是Bootstrap 2.2.2。唯一的余量是负左边距，是模态宽度的一半（水平模态中心）。不需要最高利润。

这里的jsFiddle示例 - http://jsfiddle.net/uuwAn/1/

Answer 2

您可以修改最后的CSS以存档此行为。

.modal-body {
    max-height: 350px;
    -webkit-overflow-scrolling: touch;
}

@media screen and (max-height: 450px), (max-height: 450px) {
    .modal-body {
        max-height: 130px;
    }

}

现在它将在移动设备上运行良好。注意：使用CSS的媒体查询完成。

Bootstrap 2 - 设置对话框/模态位置

2 个答案: