Bootstrap 4 JS 警报
警报 CSS 类
有关警报的教程，请阅读我们的 Bootstrap 警报教程.
| 类 | 描述 | 示例 |
|---|---|---|
.alert |
创建一个警报消息框 | 尝试一下 |
.alert-danger |
红色警报。表示危险或可能负面的操作 | 尝试一下 |
.alert-dark |
深色警报。深灰色警报框 | 尝试一下 |
.alert-dismissible |
表示可关闭的警报框。与 .close 类一起使用，此类用于关闭警报（添加额外的填充） |
尝试一下 |
.alert-heading |
将 color:inherit 添加到指定元素 |
尝试一下 |
.alert-info |
浅蓝色警报。表示中立的通知更改或操作 | 尝试一下 |
.alert-light |
浅色警报。浅灰色警报框 | 尝试一下 |
.alert-link |
在警报中的链接上使用，以提供匹配颜色的链接 | 尝试一下 |
.alert-primary |
蓝色警报。表示重要的操作 | 尝试一下 |
.alert-secondary |
灰色警报。表示“不太”重要的操作 | 尝试一下 |
.alert-success |
绿色警报。表示成功或积极的操作 | 尝试一下 |
.alert-warning |
黄色警报。表示此操作应谨慎 | 尝试一下 |
.close |
为警报消息设置关闭按钮的样式（在右侧浮动，具有指定的字体大小、颜色等） | 尝试一下 |
通过 data-* 属性关闭警报
将 data-dismiss="alert" 添加到链接或按钮元素以关闭警报消息。
通过 JavaScript 关闭警报
使用以下命令手动关闭
警报选项
| 无 |
警报方法
下表列出了所有可用的警报方法。
| 方法 | 描述 | 尝试一下 |
|---|---|---|
| .alert("close") | 关闭警报消息 | 尝试一下 |
| .alert("dispose") | 销毁元素的警报。 |
警报事件
下表列出了所有可用的警报事件。
