Twitter Bootstrap 3モーダルを垂直方向にセンターするにはどうすればいいですか？

Question

私は、Boostrap 3モーダルダイアログを垂直方向の中央に配置しようとしていました。どのように達成することができますか？

Answer 1

あなたはそのようなブートストラップ3モーダルに垂直配向センターを実現することができます。作業例jsFiddleを

.modal-vertical-centered { 
transform: translate(0, 50%) !important; 
-ms-transform: translate(0, 50%) !important; /* IE 9 */ 
-webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */ 
} 

と「モーダル・ダイアログ」の容器に

<div class="modal-dialog modal-vertical-centered"> 
... 

をこのCSSクラスを追加します。http://jsfiddle.net/U4NRx/