Bootstrap弹出框水平居中，垂直居中下载

weixin_39820835 2020-08-14 12:00:31

Bootstrap弹出框水平居中，垂直居中
相关下载链接：//download.csdn.net/download/h5_queenstyle12/9635405?utm_source=bbsseo

...全文

13 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

Bootstrap弹出框水平居中，垂直居中

本人前端菜鸟，公司项目尝试采用bootstrap，我身先士卒为同事趟“坑”，无奈UI妹子刁难非得让modal弹出框垂直居中，为了前端开发岗位的荣誉，花时间满足之。最先就是百度咯，方法，就是修改源码 that.$element.children().eq(0).css("position", "absolute").css({ "margin":"0px", "top": function () { return (that.$element.height() - that.$element.children().eq(0).height()-4

使用过bootstrap modal（模态框）组件的人都有一种困惑，好好的一个弹出框怎么就无法垂直居中了呢？刚巧在做一个eit项目，由于此项目里面一些框架要遵循nttdata的一些规则，故用到了Bootstrap这个东东，第一次碰到这个东东，有很大抵触，觉得不好，但用起来我觉得和别的弹出框真没什么两样。废话少说，切入正题，Bootstrap弹出框垂直居中的问题，因为我拿到的弹出框样式并非垂直居中，而是top 10%，但页面长了，就显得特别恶心。解决方案如下所示： 1.在css里，找到 .modal.fade.in { top: 10%; } 这个样式，修改它就ok了，由于css中是

主要为大家详细介绍了bootstrap 模态框modal实现水平垂直居中显示，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

主要为大家详细介绍了bootstrap模态框垂直居中效果的实现代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

下载资源悬赏专区

13,654

社区成员

12,574,373

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章