Kampuni ya Kusoma ya Bootstrap 5

Kipya cha Toast (Tosti)

Kipya cha Toast kinachotaka kama kinaingia matukio fulani (kama mtumiaji anapiga mtu, kama anasubisha fomu n.k.), inakutana kuonekana kwa kipindi kidogo tu.

如何创建 Toast

如需创建 Toast，请使用 .toast 类，并在其中添加 .toast-header 和 .toast-body。

注意：默认情况下，toast 是隐藏的。如果要显示它，请使用 .show 类。如果要关闭它，请使用

toast 主体内的文本。

Jifunze tena

打开 Toast

如需通过单击按钮显示 Toast，您必须使用 JavaScript 对其进行初始化：请选取指定的元素并调用 toast() Taratibu.

Kama unapiga kitufe cha hii, kipindi cha kifo chakia kwa kumonoka matukio ya toast zote kwenye mafaa:

Mfano

<script>
document.getElementById("toastbtn").onclick = function() {
  var toastElList = [].slice.call(document.querySelectorAll('.toast'))
  var toastList = toastElList.map(function(toastEl) {
    return new bootstrap.Toast(toastEl)
  })
  toastList.forEach(toast => toast.show())
}
</script>

Jifunze tena