以下圖片是Bootstrap4模態框默認大小，一般情況Bootstrap模態框有兩個默認大小，一個是“modal-sm” 小模態框，一個是“modal-lg”大模態框。

Bootstrap模態框初始大小

有時候因為特殊要求，需要對模態框的大小，長寬進行重新設定；下面就介紹如何去設置Bootstrap模態框的長寬大小：

模態框

×

關閉

以上代碼已經標注出需要更改的位置(更改modal-dialog類的樣式，增加一個寬度設置或高度設置，如果要在其他位置設置寬高，可能會出現效果不好的情況，所以建議只在這個位置設置，如果要設置高度的話，也可以在modal-body上面設置)；但需要注意的是，Bootstrap4會給modal-dialog類設定一個max-width 最大寬度限定，如果想要自定義寬度生效的話，需要給modal-dialog的max-width樣式設置為 “max-width:100% !important;”，這樣您的自定義寬度就會生效了。

如下就是我設置好的自定義長寬：

Bootstrap模態框自定義寬高

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的bootstrap 模态框满屏_如何设置Bootstrap模态框modal的高度和宽度?的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。