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

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/