Bootstrap 模态框 垂直居中

第一步：

 <style>
     .modal-vertical-centered {
         display: flex;
         align-items: center;
     }
 </style>

第二步：

<!-- 修改密码模态框（Modal） -->
<div class="modal fade modal-vertical-centered" id="myModal" 
     tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 
     aria-hidden="true" style="display: none;">

讲解：

        请注意  modal-vertical-centered  和  style="display: none;" 的使用！