近期使用ng重構公司的后台管理系統，類似modal這樣的組件，再也不用像以前那樣先創建再append(而是由狀態驅動)；為圖方便使用bootstrap的樣式和angular-ui的bootstrap組件，然而它的彈出層默認樣式是水平居中，垂直方向上並沒有；F12之，找到bootstrap.min.css(這里是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;width:auto;margin:10px auto;left:0;right:0;top:50%}
第三處：
@media (min-width:768px){.modal-dialog{width:600px}
此時modal已經可以垂直居中了：
