Bootstrap默认的模态框不是居中显示的，需要稍微修改下源代码：

1、打开源码bootstrap.js，在里面找到如下代码：

                

 

2、在上述代码段落下面增加居中的代码即可：

    //使弹出框居中。。。var $modal_dialog = $(this.$element[0]).find('.modal-dialog');var m_top = ($(window).height() - $modal_dialog.height()) / 2;$modal_dialog.css({ 'margin': m_top + 'px auto' });

---

修改后如下：