कोर्स सिफारिश

Bootstrap 5 चेतावनी

चेतावनी

Bootstrap 5 एक बहुत ही सरल तरीका प्रदान करता है जिससे अग्रिम चेतावनी संदेश बनाया जा सकता है:

  • चेतावनी फेरी .alert क्लास के साथ बनाई गई है, जिसके बाद किसी भी साहित्यक वर्ग की क्लास है:
  • .alert-success
  • .alert-info
  • .alert-warning
  • .alert-danger
  • .alert-primary
  • .alert-secondary
  • .alert-light

उदाहरण

<div class="alert alert-success">
  <strong>सफलता!</strong> यह चेतावनी फेरी सफलता या सकारात्मक कार्रवाई को प्रदर्शित करती है。
</div>

अपने आप से प्रयास करें

.alert-dark

चेतावनी लिंक .alert-link चेतावनी फेरी के अंदर किसी भी लिंक को क्लास जोड़कर "मेल हुआ रंग लिंक" बनाया जा सकता है:

उदाहरण

<div class="alert alert-success">
  <strong>सफलता!</strong> आपको इस संदेश को <a href="#" class="alert-link">पढ़ना चाहिए</a>।
</div>

अपने आप से प्रयास करें

चेतावनी बंद करें

चेतावनी संदेश बंद करने के लिए .alert-dismissible चेतावनी कंटेनर में क्लास जोड़े।तब इसे class="btn-close" और data-bs-dismiss="alert" लिंक या बटन एलीमेंट में जोड़ें (जब आप इस पर क्लिक करें तो चेतावनी फेरी बंद होगी)。

उदाहरण

<div class="alert alert-success alert-dismissible">
  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
  <strong>सफलता!</strong> यह चेतावनी फेरी सफलता या सकारात्मक कार्रवाई को प्रदर्शित करती है。
</div>

अपने आप से प्रयास करें

चेतावनी फेरी

.fade और .show क्लास एक फेड इन और फेड आउट इफेक्ट जोड़े जाते हैं जब चेतावनी संदेश बंद किया जाता है:

उदाहरण

<div class="alert alert-danger alert-dismissible fade show">

अपने आप से प्रयास करें