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") | 銷燬元素的警告框。 |
警告框事件
下表列出了所有可用的警告框事件。
