TUTORIAL ANGULAR - ¿Cómo integrar Bootstrap a un proyecto?
Вставка
- Опубліковано 16 вер 2024
- ¿Que te parece si ahora integras bootstrap a tu proyecto Angular para tener una mejor experiencia de usuarios para tus aplicaciones empresariales del lado del frontend?
Ayúdanos a compartir y dale un buen like si te gustó este tutorial. Abajo en la descripción agréganos tus comentarios si deseas proponernos algún otro tutorial :)
Aquí te dejamos el comando para instalar las dependencias de bootstrap a un proyecto angular:
npm install boostrap jquery @popperjs/core
Y el script que se ocupa en el archivo angular.json.
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.scss"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/@popperjs/core/dist/umd/popper.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"
]
Síguenos:
Facebook: / devpredator
Suscríbete a nuestro canal si aún no lo has hecho y activa la campanita para recibir notificaciones cuando subamos nuevo contenido y estés al pendiente de cosas más interesantes.
Loco, muchas gracias!!. Estaba como loco viendo videos porque no podía solucionar mi problema y no veía los cambios. La cuestión era reiniciar el servidor.!! Gracias por compartir sus conocimientos!.
Al contrario bro, gracias por el comentario y aquí estamos para ayudar a la banda jejeej
Muchas gracias me sirvio para continuar y poder entender mejor. Saludos
muy buena la explicacion de como instalar bootstrap, me re sirvio para terminar de entenderlo. Una pequeña acotacion, en la parte de "styles", hay una letra (s) de mas en "src/styles.css", por eso me daba error. Gracias por el video.
Soy bien nuevo en esto de la programación y tu comentario me salvo de un fin de semana de dolor de cabeza!
me ayudaste a solucionar mi error, creé un proyecto desde 0's y antes de todo configuré bootstrap antes de iniciar. Muchas gracias
Muchas gracias me ayudo bastante, muy bien explicado
Muchas gracias por el comentario Gerson :)
Gracias!!!!!!!!!!😃
Muy Buen Video
Gracias Crack!
tengo un pequeño problema y es que, al momento de hacer los pasos de crear mi proyecto me sale todaslas carpetas a excepcion de "e2e", alguna recomendacion?
Gracias compa
Hola gran vídeo, bien explicado
Tengo una duda debo hacer eso para cada proyecto
Hola Bryan! Muchas gracias. No necesariamente, hay otra forma de integrar bootstrap con Angular utilizando la dependencia de ng-bootstrap, aquí te dejo otro tutorial que tenemos ua-cam.com/video/8CcfThLEOxM/v-deo.html
Hola como optimizar el tamaño del bootstrap? con este metodo de instalacion ya que usas los archivos mimificados del bootstrap
Gracias!!!!!!
Cuando gustes Antonia :)
Hola. Me encanto tu video, oye tengo una duda consideras una buena practica integrar bootstrap desde el archivo index.html que genera el proyecto de angular colocando la url que proporciona la página.
Gracias monstro
mi proyecto no funciona aun asi :/ alguna sugerencia ?
Que buen video!! Muy buena explicación, sigue así. Solo tengo una pregunta, ¿aún es necesario instalar la dependencia JQuery? tengo entendido que está quedando en segundo plano.
¡Muchas gracias Alvaro! Si de echo la dependencia JQuery solo se integra para ciertas acciones de los componentes de Bootstrap con Javascript, pero como bien comentas, ya viene siendo segundo plano, ya no se ve JQuery como tal en Angular, también hay otra forma de integrar Bootstrap utilizando la dependencia ngx-bootstrap. Si puedes recomendarnos y también decirnos algún tutorial que te gustaría ver, con mucho gusto lo tomaremos en cuenta para hacerlo :)
Hola ¿cómo estás?
Muchas gracias por tu vídeo me sirvió, bastante aunque tengo el problema de que al intentar implementar bootstrap en otro componente no me trae los estilos, sabes cómo puedo solucionarlo?
Tendría que ver más a detalle tu código para poder saber como estás tratando de implementar estos estilos de bootstrap en los componentes
HOLA, ESTE FUNCION CON IONIC O ALGO PARECIDO?
no se como configurar el bootstrap en el package.json
Ahí te dice