大家都知道bootstrap是一款非常实用的CSS框架，由于其简洁，美观，快捷，响应式等特点备受大家喜欢，但是其本身也是存在很多bug，有时往往达不到业务逻辑要求，今天我要谈的是bootstrap的模态框，其默认是显示距离浏览器顶端30px，左右居中。

　　在网上查了不少解决方法，其实现的方法也有不少，如下：

　　通过研究，这种方法并不能完全居中，要是窗口大小不一样的话，每次显示的顶部距离即margin-top的值也会改变。而且遮罩层会出现滚动条。

　　实现方法：

　　在bootstrap.js文件900行后面添加如下代码，便可以实现垂直居中。

　　效果图：

　　拓展知识-模态框常用属性：