全屏幕显示
使用 .modal-fullscreen 类可以让模态框全屏幕显示:
实例 - 全屏幕显示
尝试一下 »
使用 .modal-fullscreen-- 类可以控制在什么尺寸下全屏幕显示:
类 描述 实例
.modal-fullscreen-sm-down 576px 以下尺寸全屏幕显示 尝试一下
.modal-fullscreen-md-down 768px 以下尺寸全屏幕显示 尝试一下
.modal-fullscreen-lg-down 992px 以下尺寸全屏幕显示 尝试一下
.modal-fullscreen-xl-down 1200px 以下尺寸全屏幕显示 尝试一下
.modal-fullscreen-xxl-down 1400px 以下尺寸全屏幕显示 尝试一下
模态框居中显示
使用 .modal-dialog-centered 类可以设置模态框水平和垂直方向都居中显示:
实例
尝试一下 »
模态框滚动条
默认情况下模态框如果包含很多内容，页面会自动生成一个滚动，模态框随着页面的滚动而滚动:
实例
尝试一下 »
如果我们只想在模态框里头设置一个滚动条，可以使用 .modal-dialog-scrollable 类：
实例
