Bootstrap模态框modal的高度和宽度设置

（1）高度

将style=“height:900px”放在<div class = "modal-dialog">或者更外层上，整个模态框的高度不会发生变化 以下图所示：

 

 

将style=“height:900px”放在<div class = "modal-content">上，是将整个模态框（包括头部、中间、末尾）设置为高度为900px;以下图所示：

 

 

若将style=“height:900px放在<div class = "modal-header">、<div class = "modal-body">、<div class = "modal-footer">会引发对应部分高度变化如后面图片：

 

 

 

 

 

 

（2）宽度

将style=“width:900px”放在<div class = "modal-dialog">会引发整个模态框的宽度发生变化，且模态框如原先居中显示，以下图所示：

 

 

将style=“width:900px”放在<div class = "modal-content">会引发整个模态框的宽度发生变化，且模态框如不居中显示，感受很怪，以下图所示：

 

 

将style=“width:900px”放在<div class = "modal-header">、<div class = "modal-body"> <div class = "modal-footer">会引发整个模态框对应部位宽度发生变化，感受很怪
---------------------
做者：不知疲倦的程序猿
来源：CSDN
原文：https://blog.csdn.net/u014326004/article/details/69789187
版权声明：本文为博主原创文章，转载请附上博文连接！