Saltar al contenido

ejemplo de código modal anidado bootstrap 4

Recabamos en diferentes espacios y así de este modo darte la respuesta para tu inquietud, si continúas con preguntas puedes dejarnos la duda y te responderemos con mucho gusto, porque estamos para servirte.

Ejemplo 1: descarte modal

<!--Button trigger modal --><button type="button"class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">Launch demo modal
</button><!--Modal--><div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"><div class="modal-dialog modal-dialog-centered" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5><button type="button"class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="modal-body">...</div><div class="modal-footer"><button type="button"class="btn btn-secondary" data-dismiss="modal">Close</button><button type="button"class="btn btn-primary">Save changes</button></div></div></div></div>

Ejemplo 2: modales bootstrap

<div class="modal" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">Modal title</h5><button type="button"class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="modal-body"><p>Modal body text goes here.</p></div><div class="modal-footer"><button type="button"class="btn btn-primary">Save changes</button><button type="button"class="btn btn-secondary" data-dismiss="modal">Close</button></div></div></div></div>

Si posees alguna cuestión y capacidad de ascender nuestro crónica eres capaz de añadir una crítica y con placer lo observaremos.

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