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' });

---

修改后如下：

? ? ? ? ? ? ???

總結

以上是生活随笔為你收集整理的Bootstrap模态框居中显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。