bootstarp modal框居中显示的实现代码

2022-01-14,,,,

这篇文章主要介绍了bootstarp modal居中显示的实现代码,需要的朋友可以参考下

bootstrap.js的大概1154行:

 this.$element.css({ paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '', paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : '' })

后加:

 // 是弹出框居中 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'}); }

P.S. 需要的东西每次都要查一遍太麻烦了。以后注意整理。

以上就是bootstarp modal框居中显示的实现代码的详细内容,更多请关注本站其它相关文章!

《bootstarp modal框居中显示的实现代码.doc》

下载本文的Word格式文档,以方便收藏与打印。