बूटस्ट्रैप 4 जेएस अलर्ट
अलर्ट सीएसएस क्लासेस
अलर्ट के बारे में एक ट्यूटोरियल के लिए, हमारा बूटस्ट्रैप अलर्ट ट्यूटोरियल पढ़ें ।
Class | Description | Example |
---|---|---|
.alert |
Creates an alert message box | |
.alert-danger |
Red alert. Indicates a dangerous or potentially negative action | |
.alert-dark |
Dark alert. Dark grey alert box | |
.alert-dismissible |
Indicates a closable alert box. Together with the .close class, this class is used to close the alert (adds extra padding) |
|
.alert-heading |
Adds color:inherit to the specified element |
|
.alert-info |
Light-blue alert.Indicates a neutral informative change or action | |
.alert-light |
Light alert. Light grey alert box | |
.alert-link |
Used on links inside alerts to provide matching colored links | |
.alert-primary |
Blue alert. Indicates an important action | |
.alert-secondary |
Grey alert. Indicates a "less" important action | |
.alert-success |
Green alert. Indicates a successful or positive action | |
.alert-warning |
Yellow alert. Indicates caution should be taken with this action | |
.close |
Styles the close button for the alert message (floats right with a specified font-size, color, etc.) |
डेटा के माध्यम से अलर्ट बंद करें-* विशेषताएँ
data-dismiss="alert"
अलर्ट संदेश को बंद करने के लिए किसी लिंक या बटन तत्व में जोड़ें ।
उदाहरण
<a href="#" class="close" data-dismiss="alert">×</a>
जावास्क्रिप्ट के माध्यम से अलर्ट बंद करें
इसके साथ मैन्युअल रूप से बंद करें:
उदाहरण
$('.close').alert("close");
अलर्ट विकल्प
None |
चेतावनी के तरीके
निम्न तालिका सभी उपलब्ध अलर्ट विधियों को सूचीबद्ध करती है।
Method | Description | Try it |
---|---|---|
.alert("close") | Closes the alert message | |
.alert("dispose") | Destroys an element's alert. |
अलर्ट इवेंट
निम्न तालिका सभी उपलब्ध अलर्ट ईवेंट को सूचीबद्ध करती है।
Event | Description | Try it |
---|---|---|
close.bs.alert | Occurs when the alert message is about to be closed | |
closed.bs.alert | Occurs when the alert message has been closed (will wait for CSS transitions to complete) |