Saltar al contenido

ejemplo de código emergente modal de bootstrap 5

Ejemplo 1: bootstrap 4 modal

<buttontype="button"class="btn btn-primary"data-toggle="modal"data-target="#exampleModal">
  Launch demo modal
button><divclass="modal fade"id="exampleModal"tabindex="-1"role="dialog"aria-labelledby="exampleModalLabel"aria-hidden="true"><divclass="modal-dialog"role="document"><divclass="modal-content"><divclass="modal-header"><h5class="modal-title"id="exampleModalLabel">Modal titleh5><buttontype="button"class="close"data-dismiss="modal"aria-label="Close"><spanaria-hidden="true">×span>button>div><divclass="modal-body">
        ...
      div><divclass="modal-footer"><buttontype="button"class="btn btn-secondary"data-dismiss="modal">Closebutton><buttontype="button"class="btn btn-primary">Save changesbutton>div>div>div>div>

Ejemplo 2: modal en bootstrap 4

$('#myModal').modal('show')

Ejemplo 3: modal en bootstrap 4

$('#myModal').modal('toggle')

Ejemplo 4: modal de bootstrap

<divclass="modal"tabindex="-1"role="dialog"><divclass="modal-dialog"role="document"><divclass="modal-content"><divclass="modal-header"><h5class="modal-title">Modal titleh5><buttontype="button"class="close"data-dismiss="modal"aria-label="Close"><spanaria-hidden="true">×span>button>div><divclass="modal-body"><p>Modal body text goes here.p>div><divclass="modal-footer"><buttontype="button"class="btn btn-primary">Save changesbutton><buttontype="button"class="btn btn-secondary"data-dismiss="modal">Closebutton>div>div>div>div>

Sección de Reseñas y Valoraciones

Si te gusta la informática, tienes la libertad de dejar un artículo acerca de qué le añadirías a este tutorial.

¡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 *