Skip to main content
Corrección a la publicación, titulo, contenido, problema, visualización.
Origen Enlace
Excorpion
  • 4.9k
  • 1
  • 16
  • 41

NO CONSIGO QUE FUNCIONE CORECTAMENTE BOOTSTRAP EN ANGULAR ¿Cómo instalar correctamente Bootstrap en Angular 18?

Soy nuevo en esto ya que estoy empezando mi andadura conen Angular.

El problema que se me presenta es que estoyEstoy creando un proyecto con Angulade Angular con la siguiente versión

Angular CLI: 18.2.7 - Node: 20.17.0 - Package Manager: npm 10.8.3

Angular CLI: 18.2.7
Node: 20.17.0
Package Manager: npm 10.8.3

He seguido la documentación para instalar Bootstrap en mi proyecto y consigo que los componentes tomen los estilos de Bootstrap, pero no consigo que me funcionen los componentes Acordeon, colapsables, .etc... (en fin, que no me funciona todo lo que debería tener algun tipo de "movimiento")

En mi angular.json tengo lo siguiente

        "styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css",
          "src/styles.scss"
        ],
        "scripts": [
          "node_modules/bootstrap/dist/js/bootstrap.js",
          "node_modules/@popperjs/core/dist/umd/popper.min.js"
        ]

En el package.json

"bootstrap": "^5.3.3",
"bootstrap-icons": "^1.11.3",

En styles.css del Index

@import "bootstrap/dist/css/bootstrap.css";

@import "bootstrap/dist/css/bootstrap.css";

En fin, que no doy con la tecla

¿alguna sugerencia?

Perdón si la pregunta es muy básica pero es que estoy empezando con esto y no se por donde tirar

Gracias

NO CONSIGO QUE FUNCIONE CORECTAMENTE BOOTSTRAP EN ANGULAR 18

Soy nuevo en esto ya que estoy empezando mi andadura con Angular.

El problema que se me presenta es que estoy creando un proyecto con Angula con la siguiente versión

Angular CLI: 18.2.7 - Node: 20.17.0 - Package Manager: npm 10.8.3

He seguido la documentación para instalar Bootstrap en mi proyecto y consigo que los componentes tomen los estilos de Bootstrap, pero no consigo que me funcionen los componentes Acordeon, colapsables, .... (en fin, que no me funciona todo lo que debería tener algun tipo de "movimiento")

En mi angular.json tengo lo siguiente

        "styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css",
          "src/styles.scss"
        ],
        "scripts": [
          "node_modules/bootstrap/dist/js/bootstrap.js",
          "node_modules/@popperjs/core/dist/umd/popper.min.js"
        ]

En el package.json

"bootstrap": "^5.3.3",
"bootstrap-icons": "^1.11.3",

En styles.css del Index

@import "bootstrap/dist/css/bootstrap.css";

En fin, que no doy con la tecla

¿alguna sugerencia?

Perdón si la pregunta es muy básica pero es que estoy empezando con esto y no se por donde tirar

Gracias

¿Cómo instalar correctamente Bootstrap en Angular 18?

Soy nuevo en esto ya que estoy empezando mi andadura en Angular.

Estoy creando un proyecto de Angular con la siguiente versión:

Angular CLI: 18.2.7
Node: 20.17.0
Package Manager: npm 10.8.3

He seguido la documentación para instalar Bootstrap en mi proyecto y consigo que los componentes tomen los estilos de Bootstrap, pero no consigo que me funcionen los componentes Acordeon, colapsables, etc... (en fin, que no me funciona todo lo que debería tener algun tipo de "movimiento")

En mi angular.json tengo lo siguiente

        "styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css",
          "src/styles.scss"
        ],
        "scripts": [
          "node_modules/bootstrap/dist/js/bootstrap.js",
          "node_modules/@popperjs/core/dist/umd/popper.min.js"
        ]

En el package.json

"bootstrap": "^5.3.3",
"bootstrap-icons": "^1.11.3",

En styles.css del Index

@import "bootstrap/dist/css/bootstrap.css";

En fin, que no doy con la tecla

¿alguna sugerencia?

Perdón si la pregunta es muy básica pero es que estoy empezando con esto y no se por donde tirar

Gracias

Origen Enlace

NO CONSIGO QUE FUNCIONE CORECTAMENTE BOOTSTRAP EN ANGULAR 18

Soy nuevo en esto ya que estoy empezando mi andadura con Angular.

El problema que se me presenta es que estoy creando un proyecto con Angula con la siguiente versión

Angular CLI: 18.2.7 - Node: 20.17.0 - Package Manager: npm 10.8.3

He seguido la documentación para instalar Bootstrap en mi proyecto y consigo que los componentes tomen los estilos de Bootstrap, pero no consigo que me funcionen los componentes Acordeon, colapsables, .... (en fin, que no me funciona todo lo que debería tener algun tipo de "movimiento")

En mi angular.json tengo lo siguiente

        "styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css",
          "src/styles.scss"
        ],
        "scripts": [
          "node_modules/bootstrap/dist/js/bootstrap.js",
          "node_modules/@popperjs/core/dist/umd/popper.min.js"
        ]

En el package.json

"bootstrap": "^5.3.3",
"bootstrap-icons": "^1.11.3",

En styles.css del Index

@import "bootstrap/dist/css/bootstrap.css";

En fin, que no doy con la tecla

¿alguna sugerencia?

Perdón si la pregunta es muy básica pero es que estoy empezando con esto y no se por donde tirar

Gracias