Bootstrap Modal 上下左右居中 完美解决方案

此法完美解决大小模态框的居中问题。

找到bootstrap modal 的css设置文件，一般是bootstrap.min.css

修改原有的dialog样式

.modal-dialog{

display: table-cell;

vertical-align: middle;

}

新添加样式

.modal_wapper{

display: table;

height: 100%;

margin: 0px auto

}

使用方法：

<div id = "modal" class="modal modal_wapper fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" style="display:none;">

<div class="modal-dialog modal-lg" div class="modal-content">

注意：隐藏模态框不能用 aria-hidden="true"  要改为 style="display:none;"