使Twitter Bootstrap Modal窗口更大

Question

我正在使用bootstrap模式来显示图像。

如何简化Twitter Bootstrap模态窗口？

我正在使用（related）问题中的代码：

$('#myModal').modal({
        backdrop: true,
        keyboard: true,
        show: false
    }).css({
        // make width 90% of screen
       'width': function () { 
           return ($(document).width() * .9) + 'px';  
       },
        // center model
       'margin-left': function () { 
           return -($(this).width() / 2); 
       }
});

但结果如下：

我必须将其向下滚动。如何保持图像比例并在没有滚动条的情况下显示它？

Answer 1

当我们使用bootstrap模式显示图像时，我们使用以下css：

#myModal {
  max-height: 80%;
  overflow-y: auto;

  .modal-body {
    max-height: none;
    text-align: center;
  }
}

然后就这样做

$('#myModal').modal("show");

症结在于将max-height .modal-body设置为none。