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