Agregar componente modal y spinner con boostrap version 4.5

Nubeden
Nubeden desarrollo web
2 min readSep 28, 2020

Agregar componentes con boostrap

Bootstrap es una biblioteca multiplataforma o conjunto de herramientas de código abierto para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de diseño basado en HTML y CSS, así como extensiones de JavaScript adicionales. A diferencia de muchos frameworks web,
solo se ocupa del desarrollo front-end.

  1. - Agregar la librería boostrap a nuestro archivo index.html tal como lo menciona la documentación de la pagina oficial de boostrap: https://getbootstrap.com/docs/4.5/getting-started/introduction/

2.- Agregar componentes modal y spinner de boostrap el modal estático que veremos significa que al dar click afuera del modal, no debe cerrarse hasta que se presiona el botón cerrar o en el icono de cerrar ventana, el código que nos muestra la pagina oficial de boostrap debemos incluirlo a nuestro archivo index.html

Pero hasta esta parte solo quedaría el modal

Ahora hay que agregar el segundo componente se realiza de la misma manera, solo en el apartado de los componentes seleccionamos spinners y copiamos el código y lo pegamos en la parte donde se encuentran los tres puntos.

Por ultimo el resultado es el siguiente:

¡Lo único imposible es aquello que no intentas :D!

--

--