模态框大小
可以在模态框容器上添加以下类来设置模态框的大小:
.tiny: 30% 宽度
.small: 40% 宽度
.medium: 60% 宽度
.large: 70% 宽度
.xlarge: 95% 宽度
.full: 100% 宽度和高度
注意: 在平板、笔记本、PC 电脑上默认为 80% 宽度,在小屏幕设备上是 100% 宽度。
实例
尝试一下 »
内嵌模态框
你可以在模态框内嵌入模态框,可以在第一个模态框上添加新的触发按钮。你必须为内嵌模态框设置一个唯一的 id:
实例
Click To Open Modal
尝试一下 »
第二个模态框会取代第一个模态框。如果你希望在打开第二个模态框时,不关闭第一个模态框。可以在第二个模态框上添加 data-options="multiple_opened:true;" 属性:
实例