Bootstrap 5 ຖະແຫ�ງການ

ຖະແຫ�ງການ

Bootstrap 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">

ທ້າທາຍຕອບສະໜອງ