domingo, 24 de mayo de 2020

Agregar Bootstrap a un proyecto de Angular 8 / 9

Agregar Bootstrap a nuestro proyecto Angular es una tarea sencilla.

Desde la carpeta de nuestro proyecto ejecutamos:

npm install bootstrap --save

También es recomendable instalar Jquery

npm install jquery --save

Como algo opcional podemos instalar popper

npm install popper.js --save

Además de Font-awesome

npm install font-awesome 

Ahora configuramos la conexión con los estilos y librerías, para ello abrimos con un editor el archivo angular.json y agregamos lo siguiente:


"styles": [
"src/styles.scss"
"node_modules/bootstrap/dist/css/bootstrap.min.css",
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"
]

Saludos



No hay comentarios.:

Publicar un comentario