bower - tutorial - how to install bootstrap 4

Instalación de Bootstrap 4 con bower

Question

He generado un sitio web de yeoman y eso viene junto con bootstrap 3, ¿cómo puedo instalar bootstrap 4 en su lugar?

Todos los tutoriales dicen que solo se debe ejecutar "bower install bootstrap", pero eso simplemente instala bootstrap 3 de nuevo.

Answer 1

¡Esto también funciona para las personas que usan CodeKit (parece que no puedes usar los comandos Bower en CodeKit)!

1) Elimine la antigua carpeta bower_components / bootstrap .

2) Cree un archivo bower.json en su raíz con este contenido:

{
"name": "app-name",
"version": "0.0.1",
"dependencies": {
    "bootstrap": "4.0"
    }
}

3. Instalar la versión regular bootstrap a través de codekit. -> La versión 4.0-alpha se instalará automáticamente en lugar de la versión estable 3.x.

Answer 2

Boostrap v4 se encuentra actualmente en un estado alfa . El comando bower install bootstrap instala la última versión estable.

Para descargar la versión alfa y guardar esta ejecución de elección:

bower install bootstrap#4.0 --force-latest --save

Answer 3

esta es una linea de comando derecha

$ bower instalar bootstrap # v4.0.0-alpha.3

hay un enlace oficial sobre cómo administrar bootstrap con otros gestores de paquetes getbootstrap 4

Answer 4

En primer lugar, elimine el bootstrap antiguo de su proyecto (elimine bower_components/bootstrap/ directory)

Que tienes dos opciones:

1. Comando Bower con versión particular:

bower install bootstrap#4.0

2. Usando el archivo bower.json

cree un archivo llamado bower.json en la raíz de su proyecto (vea el ejemplo a continuación)

{
    "name": "app-name",
    "version": "0.0.1",
    "dependencies": {
        "bootstrap": "4.0"
    }
}

entonces corre

bower install

Recomiendo la segunda opción con el archivo bower.json, porque esta es una solución más flexible, puede usar boser.json para otros paquetes que necesite, simplemente agregando una nueva línea.