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") | 關閉警告訊息 | 試一試 |
警告框事件
下表列出了所有可用的警告框事件。