Bootstrap模态框modal的⾼度和宽度设置
（1）⾼度
将style=“height:900px”放在<div class = "modal-dialog">或者更外层上，整个模态框的⾼度不会发⽣变化如下图所⽰：
将style=“height:900px”放在<div class = "modal-content">上，是将整个模态框（包括头部、中间、末尾）设置为⾼度为900px；如下图所⽰：
bootstrap 5若将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
原⽂：blog.csdn/u014326004/article/details/69789187
版权声明：本⽂为博主原创⽂章，转载请附上博⽂链接！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。