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

网友投稿 233 2023-06-13


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

bootstrap.js的大概1154行:

this.$element.css({

paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '',

paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : ''

})

后加:

// OjdNze是弹出框http://居中

var $modal_dialog = OjdNze$(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框居中显示的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,会及时回复大家的。在此也非常感谢大家对我们网站的支持!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Android中Okhttp3实现上传多张图片同时传递参数
下一篇:Spring中属性文件properties的读取与使用详解
相关文章

 发表评论

暂时没有评论,来抢沙发吧~