<div class="modal fade" id="modalCompra" 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">AdquirirTickets</h5><button type="button"class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="modal-body"><form class="was-validated"><div class="form-row"><div class="col form-group"><div class="input-group mb-3"><div class="input-group-prepend"><span class="input-group-text" id="basic-addon1">@</span></div><input type="text"class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1"><div class="invalid-feedback">TuUsername es incorrecto, ingrésalo nuevamente
</div></div></div></div><div class="form-row"><div class="col form-group"><label class="text-platzi-modal"for="inputPassword5">Password</label><input type="password" id="inputPassword5"class="form-control" aria-describedby="passwordHelpBlock" placeholder="Password"><div class="invalid-feedback">Tu passwaor es incorrecto
</div></div></div><div class="form-row"><div class="col form-group"><div class="form-check"><div class="custom-control custom-checkbox mb-3"><input type="checkbox"class="custom-control-input" id="customControlValidation1" required><label class="custom-control-label"for="customControlValidation1">Acepto los términos y condicones del sorteo</label><div class="invalid-feedback">Debes aceptar los términos y condiciones para acceder al sorteo.</div></div></div></div></div></form><div class="alert alert-success" role="alert">Recibirás un correo de confirmación si sales sorteado.</div></div><div class="modal-footer"><button type="button"class="btn btn-secondary" data-dismiss="modal">Cancelar</button><button type="button"class="btn btn-platzi">Comprar</button></div></div></div></div>
buen aporte
Muy buen aporte, te quedo muy bien tu modal, felicidades!!!
Hice algunas modificaciones en el modal
Muchas gracias por la información que buen aporte
Codigo Completo
<form action=""><div class="row"><div class="form-label col"><div class="input-group mb-3"><span class="input-group-text" id="basic-addon1">@</span><input type="text"class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1"></div></div></div></form><!--Alerta--><div class="alert alert-warning" role="alert">Recibiras un correo de confirmacion si ganas el Sorteo!</div><!--Alerta-->
Gracias
Gracias,ha servido mucho tus aportes,sin duda. Actualmente en el 2021.
Brutal curso, he aprendido algo que me llamaba la atención hace mucho y pues sería genial especializarse en esos frameworks que facilitan los procesos de maquetación 🏆
en el div con class: modal-body agregamos la etiqueta form y dentro de esta se inserta otro div con clase: form-row y posteriormente otro div mas con class: form-group col
muy buena clase y la manera de utilizar
se termino! y me encanto!!
Así lo hice sencillo
Definitivamente Bootstrap lleva nuestros sitios web a otro nivel.
Hace que nuestro sitio se mas rapido de countruir y sin tanto codigo
Genial, gran curso, muy importante
Al agregar un nuevo formulario, tendríamos 2 formularios en la misma pagina , si se hiciera un submit , se enviaría los datos de ambos formularios?
no, cada formulario es independiente
Adaptando el modal con un formulario relacionado:
Excelente curso, no hay más que decir
¿El modal puede ser responsive?
Así lo hice sencillo
Que otro rollo bootstrap :)
Seria interesante hacer esta misma pagina con django por ejemplo.
Bootstrap es demasiado útil y práctico. Quiero profundizar más en esto.
