製作Twitter Bootstrap模態窗口較大

Question

我使用引導模式來顯示圖像。

我該如何簡單地使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

當我們表明自舉模式的圖像，我們用下面的CSS：

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

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

然後就去做

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

的關鍵是在.modal-body的max-height設置爲none。