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">會引起整個模態框對應部位寬度發生變化,感覺很怪


免責聲明!

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



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