web-dev-qa-db-fra.com

Installation de Bootstrap 4 avec bower

J'ai généré un site Web yeoman et qui vient avec bootstrap 3, comment puis-je installer bootstrap 4 à la place).

Les tutoriels disent tous de lancer simplement "bower install bootstrap", mais cela installe juste bootstrap 3 à nouveau.

boweryeomanbootstrap-4bower-install
23
Henry00

Tout d'abord, supprimez l'ancien bootstrap de votre projet (supprimez bower_components/bootstrap/ répertoire)

Que vous avez deux options:

1. Commande Bower avec une version particulière:

bower install bootstrap#4.0

2. Utilisation du fichier bower.json

créer un fichier appelé bower.json dans la racine de votre projet (voir l'exemple ci-dessous)

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

puis exécutez

bower install

Je recommanderais la deuxième option avec le fichier bower.json, car c'est une solution plus flexible, vous pouvez utiliser boser.json pour les autres packages dont vous avez besoin, en ajoutant simplement une nouvelle ligne.

41
areim

Bootstrap v4 est actuellement dans un état alpha . La commande bower install bootstrap Installe la dernière version stable.

Pour télécharger la version alpha et enregistrer ce choix, exécutez:

bower install bootstrap#4.0 --force-latest --save
7
Robin Pokorny

c'est une bonne ligne de commande

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

il y a un lien officiel pour gérer bootstrap avec d'autres gestionnaires de packages getbootstrap 4

2
levani jincharadze

Cela fonctionne également pour les personnes utilisant CodeKit (il semble que vous ne puissiez pas utiliser les commandes de bower dans CodeKit)!

1) Supprimez l'ancien dossier bower_components/bootstrap.

2) Créez un fichier bower.json dans votre racine avec ce contenu:

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

3. Instrall regular bootstrap version via codekit. -> La version 4.0-alpha sera installée automatiquement au lieu de la version stable 3.x.

0
Tim