Bootstrap弹出层(modal)垂直居中简单解决方案(无需修改js)

我用的bootstrap版本是3.3.5

做一下修改就可以做到垂直居中

第一处(将0改为-50%，相对自身偏移一半)：

.modal.in .modal-dialog{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}

第二处(原先是relative)：

.modal-dialog{position:absolute;margin:10px auto;left:0;right:0;top:50%}