Отображение тостов Bootstrap для первой карточки в элементе цикла в проекте Django

Я хочу добавить тостовое сообщение для всех этих карточек. но оно отображается только для первой карточки. Я прикрепил вид моей страницы, где я хочу добавить тостовое сообщение для просмотра деталей карточки, если пользователь не вошел в систему.

Вот вид моей страницы.

Это решение собрано у Гахана Вига!!!

function showToast() {
  
  var toastElList = [].slice.call(document.querySelectorAll('.toast'))
  var toastList = toastElList.map(function(toastEl) {
    
    return new bootstrap.Toast(toastEl)
  })
  toastList.forEach(toast => toast.show())
}
<button type="button" class="btn btn-primary" onclick="showToast()">XDetails</button>

Вернуться на верх