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
版權聲明：本文爲博主原創文章，轉載請附上博文連接！