Bootstrap JS 警告框
JS 警告框 (alert.js)
警告框插件包括用于关闭警告消息的选项和方法。
有关警告框的教程,请阅读我们的 Bootstrap 警告框教程。
警告框插件类
类 | 描述 | 示例 |
---|---|---|
.alert | 创建提醒消息框 | 试一试 |
.alert-danger | 红色提醒。表示危险或可能产生负面影响的操作 | 试一试 |
.alert-dismissible | 表示一个可关闭的提醒框。与 .close 类一起使用,此类用于关闭提醒框(添加了额外的内边距) |
试一试 |
.alert-info | 浅蓝色警告框。表示中性信息更改或操作 | 试一试 |
.alert-link | 用于提醒框内的链接,以提供匹配的颜色链接 | 试一试 |
.alert-success | 绿色提醒。表示一个成功或正面的操作 | 试一试 |
.alert-warning | 黄色提醒。表示此操作应谨慎进行 | 试一试 |
.close | 设置警告消息的关闭按钮样式(右浮动,具有指定的字体大小、颜色等) | 试一试 |
通过 data-* 属性关闭警告框
将 data-dismiss="alert"
添加到链接或按钮元素以关闭警告消息。
通过 JavaScript 关闭警告框
手动关闭:
警告框选项
无 |
警告框方法
下表列出了所有可用的警告框方法。
方法 | 描述 | 试一试 |
---|---|---|
.alert("close") | 关闭警告消息 | 试一试 |
警告框事件
下表列出了所有可用的警告框事件。