我一直试图垂直居中Boostrap 3模态对话框而没有成功.怎么能完成?
解决方法
您可以在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/