Bootstrap Modals提供了可自定义且响应迅速的轻量级多功能JavaScript弹出窗口。它们可用于显示网站中的警报弹出窗口,视频和图像。 Bootstrap模式分为三个主要部分:页眉,正文和页脚。
句法:
class | tabindex | role | aria-labelledby
方法:它显示带有标题,正文和页脚的弹出菜单,以及关闭和提交按钮。
说明:下面是一个静态模态示例(意味着其位置和显示已被覆盖),包括模态标题,模态主体(用于填充)和模态页脚(可选)。我们要求您在可能的情况下在模式标头中包含dismiss动作,或提供另一个显式的dismiss动作。
例子:
$('#myModal').on('shown.bs.modal', function () {
$('#myInput').trigger('focus')
})
输出:
支持的浏览器:它支持Flex布局。
- Chrome:是的
- Firefox:是(63.0)
- 边缘:无
- Internet Explorer:否