Investigamos por diferentes foros y así de esta manera tener para ti la solución para tu problema, si continúas con alguna pregunta deja la pregunta y responderemos con mucho gusto, porque estamos para servirte.
Ejemplo 1: modal de arranque
<!--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="exampleModalCenterTitle">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: bootstrap 4 modal
<!--Button trigger modal --><button type="button"class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">Launch demo modal
</button><!--Modal--><div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="exampleModalLabel">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 3: ventana emergente modal de bootstrap
<button type="button"class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">OpenModal</button><!--Modal--><div id="myModal"class="modal fade" role="dialog"><div class="modal-dialog"><!--Modal content--><div class="modal-content"><div class="modal-header"><button type="button"class="close" data-dismiss="modal">×</button><h4 class="modal-title">ModalHeader</h4></div><div class="modal-body"><p>Some text in the modal.</p></div><div class="modal-footer"><button type="button"class="btn btn-default" data-dismiss="modal">Close</button></div></div></div></div>
Ejemplo 4: bootstrap de formulario 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="exampleModalCenterTitle">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 5: modal en bootstrap 4
$('#myModal').modal('toggle')
Ejemplo 6: modal en bootstrap 4
$('#myModal').modal('handleUpdate')
valoraciones y comentarios
Si te animas, eres capaz de dejar un artículo acerca de qué te ha parecido esta división.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)