如何垂直中心Twitter Bootstrap 3模式？

Question

我一直试图垂直居中Boostrap 3模态对话框而没有成功.怎么能实现呢？

Answer 1

您可以在Bootstrap 3模式上实现垂直对齐中心,如下所示:

.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 */
}

并将此css类添加到"模态对话框"容器中

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

jsFiddle工作示例:http://jsfiddle.net/U4NRx/