estoy tratando de poner un botón dentro de un popovers
pero no me lo muestra el botón. Busque información y solo encontré que tengo que insertar el "data-html="true"
, pero no me funciona. ¿Alguien que me apoye en este asunto?. Comparto el siguiente código:
<span class="d-inline-block" tabindex="0"
data-bs-toggle="popover" data-bs-title="<?php echo "$nombre"; ?>" data-bs-trigger="hover focus" data-bs-html="true"
data-bs-content="<button type='button' class='btn btn-success'>Success</button>">
<img src="../assets/img/1.png" alt="">
</span>
JavaScript:
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
return new bootstrap.Popover(popoverTriggerEl)
})