怎样让模态框居中呢？现在只能设置居上居下，但不能垂直居中，可以做到垂直居中吗？？？ -慕课网

                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /基于bootstrap的网页开发

怎样让模态框居中呢？现在只能设置居上居下，但不能垂直居中，可以做到垂直居中吗？？？

蚊子漫布

2014-10-31

源自：基于bootstrap的网页开发 3-10

关注问题我要回答

1283

操作

收起

1 回答

purple_yao
2014-10-31

可以在bootstrap.js文件900行后面添加如下代码，便可以实现垂直居中。

that.$element.children().eq(0).css("position", "absolute").css({
          "margin":"0px",
          "top": function () {
              return (that.$element.height() - that.$element.children().eq(0).height()-40) / 2 + "px";
          },
          "left": function () {
              return (that.$element.width() - that.$element.children().eq(0).width()) / 2 + "px";
          }
      });