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

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

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

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

बूटस्ट्रैप थीम्स

बीएस टेम्पलेट्स बीएस थीम "सिम्पली मी" बीएस थीम "कंपनी" बीएस थीम "बैंड"

बूटस्ट्रैप उदाहरण

बीएस उदाहरण बी एस प्रश्नोत्तरी बीएस व्यायाम बी एस प्रमाणपत्र

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

सीएसएस सभी वर्ग सीएसएस टाइपोग्राफी सीएसएस बटन सीएसएस फॉर्म सीएसएस हेल्पर्स सीएसएस छवियां सीएसएस टेबल्स सीएसएस ड्रॉपडाउन सीएसएस नवस ग्लिफ़िकन्स

बूटस्ट्रैप जे एस रेफरी

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


बूटस्ट्रैप जेएस अलर्ट


जेएस अलर्ट (अलर्ट.जेएस)

अलर्ट प्लगइन में अलर्ट संदेशों को बंद करने के विकल्प और तरीके शामिल हैं।

अलर्ट के बारे में एक ट्यूटोरियल के लिए, हमारा बूटस्ट्रैप अलर्ट ट्यूटोरियल पढ़ें ।


अलर्ट प्लगइन क्लासेस

Class Description Example
.alert Creates an alert message box
.alert-danger Red alert. Indicates a dangerous or potentially negative action
.alert-dismissible Indicates a closable alert box. Together with the .close class, this class is used to close the alert (adds extra padding)
.alert-info Light-blue alert.Indicates a neutral informative change or action
.alert-link Used on links inside alerts to provide matching colored links
.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" aria-label="close">&times;</a>


जावास्क्रिप्ट के माध्यम से अलर्ट बंद करें

इसके साथ मैन्युअल रूप से बंद करें:

उदाहरण

$('.close').alert();

अलर्ट विकल्प

None

चेतावनी के तरीके

निम्न तालिका सभी उपलब्ध अलर्ट विधियों को सूचीबद्ध करती है।

Method Description Try it
.alert("close") Closes the alert message

अलर्ट इवेंट

निम्न तालिका सभी उपलब्ध अलर्ट ईवेंट को सूचीबद्ध करती है।

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