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)