domingo, 20 de noviembre de 2016

Ventana Modal Con Bootstrap (Básico)



Hola amigos,
En este tutorial podremos aprender como usar de manera sencilla las ventanas modales proporcionadas por Bootstrap, al final de la explicación podran descargar el código fuente completo.

Ejemplo:




Paso 1:

Para empezar debes tener referenciadas las librerías (Jquery y Bootstrap) en la etiqueta HEAD de tu pagina web.

Ej:


Paso 2:

Agregar el código que se muestra a continuación en el BODY de la página




Breve Explicación: 
El botón que se puede ver en la parte superior nos servirá para lanzar la apertura de la ventana modal gracias a los atributos data-toggle="modal" y data-target="#modalBasico" (En este atributo se debe especificar el ID del div modal que queremos abrir).



Conclusiones:
Las ventanas modales son muy útiles a la hora de mostrar mensajes breves, como advertencias o confirmaciones de acciones realizadas por nuestro sitio web.

Pero también se pueden usar para evitar realizar saltos de la página y simplemente mostrarle al usuario funcionalidades adicionales.

Todo estos ejemplos se podrán apreciar en otros tutoriales.


Descargar Código Fuente:  Descargar...

Si les pareció interesante y útil recuerden compartir para que nuestra comunidad aumente.


No hay comentarios:

Publicar un comentario