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

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

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

标签:bootstrap,modal,居中
0
投稿

猜你喜欢

  • 用户研究角度看设计(2):用户为何视若无睹

    2009-01-09 12:51:00
  • python io.BytesIO简介及示例代码

    2021-04-25 04:52:31
  • JS异步宏队列微队列原理详解

    2024-04-22 13:26:43
  • javascript框架设计之框架分类及主要功能

    2024-04-18 09:33:40
  • 19个MySQL性能优化要点解析

    2024-01-18 16:03:14
  • mysql中coalesce()的使用技巧小结

    2024-01-23 18:27:56
  • python私有属性和方法实例分析

    2023-11-21 06:16:13
  • JavaScript禁止右击保存图片,禁止拖拽图片的实现代码

    2024-05-11 09:07:16
  • Python利用pythonping处理ping的示例详解

    2023-08-12 00:28:45
  • pytorch forward两个参数实例

    2022-09-05 09:54:34
  • Pycharm 使用 Pipenv 新建的虚拟环境(图文详解)

    2023-12-08 18:55:11
  • Jquery对数组的操作技巧整理

    2024-04-22 22:32:52
  • Python中的文件和目录操作实现代码

    2022-08-30 15:12:11
  • python使用代理ip访问网站的实例

    2022-02-08 08:16:36
  • Python-OpenCV深度学习入门示例详解

    2022-07-24 02:44:24
  • Python简单实现安全开关文件的两种方式

    2022-09-15 01:54:38
  • 最具创意的广告牌全集

    2007-09-21 19:54:00
  • Django基础三之视图函数的使用方法

    2022-12-14 07:23:41
  • 安装2019Pycharm最新版本的教程详解

    2023-06-25 23:27:54
  • keras 模型参数,模型保存,中间结果输出操作

    2023-06-05 09:52:33
  • asp之家 网络编程 m.aspxhome.com