Cảnh báo JS của Bootstrap
Cảnh báo JS (alert.js)
Plugin cảnh báo bao gồm các tùy chọn và phương pháp để đóng thông báo cảnh báo.
Để biết hướng dẫn về Cảnh báo, hãy đọc Hướng dẫn cảnh báo Bootstrap của chúng tôi.
Các lớp Plugin cảnh báo
Class | Description | Example |
---|---|---|
.alert | Creates an alert message box | Try it |
.alert-danger | Red alert. Indicates a dangerous or potentially negative action | Try it |
.alert-dismissible | Indicates a closable alert box. Together with the .close class, this class is used to close the alert (adds extra padding) |
Try it |
.alert-info | Light-blue alert.Indicates a neutral informative change or action | Try it |
.alert-link | Used on links inside alerts to provide matching colored links | Try it |
.alert-success | Green alert. Indicates a successful or positive action | Try it |
.alert-warning | Yellow alert. Indicates caution should be taken with this action | Try it |
.close | Styles the close button for the alert message (floats right with a specified font-size, color, etc.) | Try it |
Đóng Cảnh báo qua dữ liệu-* Thuộc tính
Thêm data-dismiss="alert"
vào một liên kết hoặc thành phần nút để đóng thông báo cảnh báo.
Ví dụ
<a href="#" class="close" data-dismiss="alert"
aria-label="close">×</a>
Hãy tự mình thử » Đóng cảnh báo qua JavaScript
Đóng thủ công bằng:
Tùy chọn cảnh báo
None |
Phương pháp cảnh báo
Bảng sau liệt kê tất cả các phương pháp cảnh báo có sẵn.
Method | Description | Try it |
---|---|---|
.alert("close") | Closes the alert message | Try it |
Sự kiện cảnh báo
Bảng sau liệt kê tất cả các sự kiện cảnh báo có sẵn.
Event | Description | Try it |
---|---|---|
close.bs.alert | Occurs when the alert message is about to be closed | Try it |
closed.bs.alert | Occurs when the alert message has been closed | Try it |