बूटस्ट्रैप 4 ट्यूटोरियल

बीएस4 होम बीएस4 आरंभ करें बीएस4 कंटेनर बीएस4 ग्रिड बेसिक बीएस4 टाइपोग्राफी बीएस4 रंग बीएस4 टेबल्स बीएस4 इमेज बीएस4 जंबोट्रॉन बीएस4 अलर्ट बीएस4 बटन BS4 बटन समूह बीएस4 बैज बीएस4 प्रोग्रेस बार्स बीएस4 स्पिनर बीएस4 पेजिनेशन BS4 सूची समूह बीएस4 कार्ड बीएस4 ड्रॉपडाउन BS4 पतन बीएस4 नवस बीएस4 नवबार बीएस4 फॉर्म बीएस4 इनपुट BS4 इनपुट समूह बीएस4 कस्टम फॉर्म बीएस4 हिंडोला बीएस4 मोडल बीएस4 टूलटिप बीएस4 पॉपओवर बीएस4 टोस्ट बीएस4 स्क्रॉलस्पाई BS4 उपयोगिताएँ बीएस4 फ्लेक्स बीएस4 प्रतीक BS4 मीडिया ऑब्जेक्ट बीएस4 फिल्टर

बूटस्ट्रैप 4 ग्रिड

बीएस4 ग्रिड सिस्टम BS4 स्टैक्ड/क्षैतिज BS4 ग्रिड XSmall BS4 ग्रिड छोटा बीएस4 ग्रिड माध्यम BS4 ग्रिड बड़ा बीएस4 ग्रिड XLarge बीएस4 ग्रिड उदाहरण

बूटस्ट्रैप 4 अन्य

BS4 मूल टेम्पलेट बीएस4 व्यायाम बीएस4 प्रश्नोत्तरी

बूटस्ट्रैप 4 रेफरी

सभी वर्ग जेएस अलर्ट जे एस बटन जे एस हिंडोला जे एस संक्षिप्त जेएस ड्रॉपडाउन जेएस मोडल जेएस पॉपओवर जेएस स्क्रॉलस्पी जेएस टैब जेएस टोस्ट जेएस टूलटिप


बूटस्ट्रैप 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">&times;</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)