بس5 اخطار

اخطار

بس5 ایک سادہ طریقہ فراہم کرتا ہے تاکہ پری-دینش اخطار پیغامات بنائی جاسکیں:

اخطار دکان، .alert کلاس کا استعمال کیا جاتا ہے، اور اس کے بعد کسی کونکریٹ کلاس کا استعمال کیا جاتا ہے:

  • .alert-success
  • .alert-info
  • .alert-warning
  • .alert-danger
  • .alert-primary
  • .alert-secondary
  • .alert-light
  • .alert-dark

مثال

<div class="alert alert-success">
  <strong>موفقیت!</strong> اس اخطار دکان کو کسی مثبت یا اچھی کارروائی کی نشانی دینا ہے。
</div>

خود کا تجربہ کریئن

اخطار لینک

اخطار لینک کو .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">

خود کا تجربہ کریئن