ブートストラップのモーダルの幅と高さを変更する

Question

ブートストラップでモーダルの幅と高さを変更したいと思います。 モーダルの最大幅を900pxに設定するにはどうすればよいですか？どのようにしてモーダルの最大高さからスクリーン高さを差し引いて20pxを設定することができますか？

私は、このコードを使用し

.modal-dialog { 
    width: 100%; 
    max-width: 900px; 
    height: calc(100vh - 40px); 
} 

しかし、それは動作しません。

縦と横の中央に配置する必要があります。

Answer 1

すでにモーダルウィンドウがposition編relativeあるので、あなたはこの使用することができます。

.modal-dialog { 
    width: auto; 
    height: auto; 
    position: fixed; 
    top: 10px; 
    left: 10px; 
    bottom: 10px; 
    right: 10px; 
} 

.modal-dialog .modal-content { 
    height: 100%; 
} 

を上記のCSSは、モーダルはfixed位置にあるようになりますし、それから10pxのオフセットに見えるのです4面。

出力：http://output.jsbin.com/kepuximasi