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
版權聲明:本文為博主原創文章,轉載請附上博文鏈接!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM