手册
目录
Modal 组件是一种对话框/弹出窗口，显示在当前页面的上部：
下例展示如何创建基本模态：
请使用 .fade 类在打开和关闭模态时添加淡入淡出效果：
通过为小模态添加 .modal-sm 类（max-width 300px）、为大型模态添加 .modal-lg 类（max-width 800px）或为超大模态添加 .modal-xl 来更改模态的大小（max-width 1140 像素）。默认为 500 像素最大宽度。
请将 默认情况下，模态的大小为 "medium"（500px max-width）。 如果您希望模态跨越页面的整个宽度和高度，请使用 您还可以使用 通过使用 科技资讯 1 2 3 4 5 6 7 8 9 精选课程 共5课时 17.2万人学习 共49课时 77万人学习 共29课时 61.7万人学习 共25课时 39.3万人学习 共43课时 71万人学习 共25课时 61.6万人学习 共22课时 23万人学习 共28课时 33.9万人学习 共89课时 125万人学习.modal-dialog 类与尺寸类一同添加到 Small Modal
Large Modal
Extra Large Modal
全屏模态
.modal-fullscreen 类：实例
响应式全屏模态
.modal-fullscreen-*-* 类控制模态何时应全屏显示：
类
描述
例子
.modal-fullscreen-sm-down576px 以下全屏
.modal-fullscreen-md-down768px 以下全屏
.modal-fullscreen-lg-down992px 以下全屏
.modal-fullscreen-xl-down1200px 以下全屏
.modal-fullscreen-xxl-down1400px 以下全屏
居中的模态
.modal-dialog-centric 类，在页面内垂直和水平居中模态：实例
