网络编程
位置:首页>> 网络编程>> JavaScript>> bootstarp modal框居中显示的实现代码

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

作者:安瑶  发布时间:2024-04-22 13:04:02 

标签:bootstrap,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框居中显示的实现代码网站的支持!

来源:http://blog.csdn.net/u012439977/article/details/55654414

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com