bootstarp modal框居中显示的实现代码
2017-02-18 11:39
344 查看
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框居中显示的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- 纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
- 批处理实现文本内容居中显示的代码
- 纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
- 用jquery实现弹窗居中、居左、居右显示的效果(完全代码,可立即使用)
- ASP.NET实现投票结果的图片进度条显示代码
- 在设计代码里实现绑定字段不同值显示不同图片的代码
- 用js查找法实现当前栏目的高亮显示的代码
- 用css来控制图片大小显示的实现方法与代码
- 在DataGrid中实现鼠标指定列特殊显示的代码(VB.NET 2003)
- 实现上传图片之后显示预览javaScript代码
- 利用static实现表格的颜色隔行显示的代码
- newxy技术零java代码实现数据分页显示 作者:胡立新
- 用js实现页面显示当前日期和时间的代码
- 用TreeView控件实现资源管理器(显示本地硬盘下所有文件夹和文件,并可以浏览图片)(示例代码下载)
- css实现文字垂直居中的代码第1/2页
- 用js查找法实现当前栏目的高亮显示的代码
- 用TreeView控件实现资源管理器(显示本地硬盘下所有文件夹和文件,并可以浏览图片)(示例代码下载)
- 用css来控制图片大小显示的实现方法与代码
- 一行代码实现单击显示,再单击隐藏