在 twitter-bootstrap 中居中模态

我无法将我的模态集中在各种尺寸的 twitter-bootstrap 中。你可以看活生生的例子here http://makeshot.net/v/97dcd3c and here http://makeshot.net/v/3f467c0。 （只需点击图片或“举报此图片”）。您会发现模态框像魅力一样工作，但它不是水平居中的。我尝试了一切：边距、浮动、文本对齐甚至<center>

.modal:

.modal {
      position: fixed;
      top: 10%;
      z-index: 1050;
      width: auto;
      background-color: #ffffff;
      border: 1px solid #999;
      border: 1px solid rgba(0, 0, 0, 0.3);
      *border: 1px solid #999;
      -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
              border-radius: 6px;
      outline: none;
      -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
         -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
              box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
      -webkit-background-clip: padding-box;
         -moz-background-clip: padding-box;
              background-clip: padding-box;
    }

.模态主体：

.modal-body {
 margin: 0 auto 0 auto;
  position: relative;
  padding: 15px;
  overflow-y: auto;
}

我知道有点晚了，但我找到了所有问题的解决方案，将 Bootstrap Modal 的高度与标准（一）不同的高度居中。

$("#yourModal").modal('show').css({
    'margin-top': function () { //vertical centering
        return -($(this).height() / 2);
    },
    'margin-left': function () { //Horizontal centering
        return -($(this).width() / 2);
    }
});