Bootstrap模态框居中显示

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模态框居中显示的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。