Saltar al contenido

ejemplo de plantilla html bootstrap popover

Después de consultar con expertos en esta materia, programadores de deferentes áreas y profesores hemos dado con la respuesta al dilema y la compartimos en este post.

Ejemplo 1: ventana emergente de arranque

<!--Bootstrap5Popovers--><button
   type="button"class="btn btn-lg btn-danger"
   data-bs-toggle="popover"
   title="Popover title"
   data-bs-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover
</button><!--Four directions --><button
   type="button"class="btn btn-secondary"
   data-bs-container="body"
   data-bs-toggle="popover"
   data-bs-placement="top"
   data-bs-content="Top popover">Popover on top
</button><button
   type="button"class="btn btn-secondary"
   data-bs-container="body"
   data-bs-toggle="popover"
   data-bs-placement="right"
   data-bs-content="Right popover">Popover on right
</button><button
   type="button"class="btn btn-secondary"
   data-bs-container="body"
   data-bs-toggle="popover"
   data-bs-placement="bottom"
   data-bs-content="Bottom popover">Popover on bottom
</button><button
   type="button"class="btn btn-secondary"
   data-bs-container="body"
   data-bs-toggle="popover"
   data-bs-placement="left"
   data-bs-content="Left popover">Popover on left
</button>

Ejemplo 2: ventana emergente bootstrap

<button type="button"class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>

Agradecemos que quieras añadir valor a nuestro contenido informacional añadiendo tu veteranía en las observaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *