Bootstrap 3.1 – 3.2: Ventanas Modales (Modal)



https://i.ytimg.com/vi/7ChTwUnZerQ/hqdefault.jpg



Sigueme:
Twitter: http://twitter.com/CreativoHn
Facebook: https://www.facebook.com/CreativoHn
Google +: https://plus.google.com/108662653973369417065/posts
Github: https://github.com/Creativohn
Web: www.creativohn.com

Disculpas de ante mano mi ingles no es muy bueno.

Antes de criticar, recuerda que este conocimiento es gratis!

PD: todo tutorial, creado por @CreativoHN muestra la opinión personal de programación de el mismo, no se garantiza que sean buenas o malas practicas, estos vídeos se hacen con el afan de ayudar a la comunidad de programadores y se pone a disposición el código fuente utilizado en la mayoría de los ejemplos en vídeos a través de GitHub.

Original source


38 responses to “Bootstrap 3.1 – 3.2: Ventanas Modales (Modal)”

  1. Muchas gracias por tu explicacion, me sirvio de mucho, pero a modo de consejo publica tus trabajos respecto a los videos en github o alguna pagina de descargas, para ver el codigo mas de cerca y realizar pruebas, esto es para las personas que estan aprendiendo como yo… igual gracias.

  2. Hola buenas tardes una pregunta lo que pasa es que tengo un boton en forma de icono donde quiero presionarle y que me salga el modal pero no sucede ninguna acción este es mi código :
    <li class="hover-verde">
    <a href="#Desactivacion"><i class="icon_blocked espacio_icono espacio_icono"></i>Desactivar cuenta</a>

    <div style="float: left; margin-left: 10px;margin-top: 5px; ">
    <div data-toggle="modal" data-target="#Desactivacion">
    <div class="modal fade" id="Desactivacion" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
    <div class="modal-content">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4> Señor usuario </h4>
    <div class="modal-body">
    ¿Usted esta seguro de desactuvar su cuenta?
    </div>
    <div class="modal-footer">
    <button type="button" class="btn btn-primary" data-dismiss="modal">Aceptar</button>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </li>

  3. pregunta camarada, estoy desarrollando una pagina web con el framework Marerializecss y quiero meterle algunas ventanas modales pero al momento de importar las libreras del framework Bootstrap se distorsionan algunos elementos de la pagina como el margen, etc. Esto se debe a que no se pueden meter librerías de diferentes Frameworks o a que se debe? agradezco la ayuda que puedan proporconarme

  4. Hola buenas tardes, por favor tengo una pregunta en una pagina index en la cual hay un link que los dirige a un formulario:
    <li><a href="{{url('create')}}"><i class="glyphicon glyphicon-pencil" > Ingresar Deudor</i></a></li> se digrige a una pagina create en la cual hay un @include(formulario); donde esta la estructura model, la cual no logro que funcione ya que cuando doy clip al link no funciona con esta estructura <li><a href="{{url('create')}}" data-toggle="modal" data-target="#formulario"><i class="glyphicon
    glyphicon-pencil" > Ingresar Deudor</i></a></li> queda deshabilitado y no medirige hacia ningun lado

  5. Hola que tal, buen video me ha ayudado bastante, pero tengo un problema, yo estoy intentando enviar un formulario desde la ventana modal para procesarlo posteriormente, pero el botón de guardar cambios no me envía a ningún lado la ventana modal ni si quiera se cierra, alguna idea de por que ?

    Este es el boton de enviar
    <input type="submit" class="btn btn-primary" value="Save changes"></input>

    Este es mi formulario
    <form name="AddCat" action="./insert" method="post" enctype="multipart/form-data"><br>

    Espero me puedas ayudar gracias

  6. Estoy haciendo mi web personal algo chapucera no soy experto, el poner el style="margin-top 60px" la ventana me salía al centro, no sabía como poner a la izq de pronto puse a continuación align="left"> y voalá funcionó, luego eliminé el estilo en html y lo hice en css, pregunto a los expertos porque sucedió esto? gracias de antemano por el video me ayudó justo en lo que deseaba

  7. y si lo que deseo es que la ventana modal se me disparé a hacer click sobre una etiqueta <a >Registrar Persona </a> ya que esta etiqueta hace parte de un menu responsive al cual le he dado diseño con mis propios estilos?

  8. Hola, una pregunta, es necesario que la ventana modal esté ubicado en el mismo contenedor del botón que lo genera?, estoy haciendo un formulario pero la ventana modal está en otro contenedor ya que el botón que lo genera pertenece a un formulario y pues no me abre ninguna ventana, si pudieras atender mi duda sería genial, de antemano gracias.

  9. Hola sabes como puedo hacer para que un modal no me desplase o interfiera con mis columnas y mi demás contenido? porque puedo poder el modal hasta abajo de todo mi código pero necesito a fuerza tener el código del modal en cierta área de mi código general para que el botón q tiene el modal me reconozca la función que quiero que haga.. de lo contrario no hace ninguna función el botón te agradecería mucho si tienes alguna solución :/ :/

Leave a Reply