2015-10-12 9 views
17

Ich habe eine Yeoman-Website generiert und diese kommt mit Bootstrap 3, wie kann ich stattdessen Bootstrap 4 installieren.Bootstrap 4 mit Bower installieren

Die Tutorials sagen alle, einfach "bower install bootstrap" auszuführen, aber das bootstrap 3 wird nur neu installiert.

+0

Versuchen Sie https://github.com/bassjobsen/generator-bootstrap4; Yeoman-Generator, um eine Front-End Bootstrap 4 Web App zu rüsten –

+0

Mögliche Duplikate von [Wie Bootstrap v4 Alpha mit Bower zu installieren?] (Http://StackOverflow.com/Questions/33156310/How-ToInstall-bootstrap-v4 -alpha-using-bower) – cvrebert

+0

andersherum. Das wurde vor diesem geschrieben – Henry00

Antwort

34

allererst entfernen alte Bootstrap aus dem Projekt (Entfernen bower_components/bootstrap/ Verzeichnis)

als Sie zwei Möglichkeiten:

1. Bower Befehl mit bestimmten Version:

bower install bootstrap#4.0 

2. Verwenden der bower.json Datei

Datei bower.json in Ihrem Projektstamm (siehe Beispiel unten)

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

dann laufen

bower install 

Ich würde empfehlen, zweite Option mit bower.json Datei mit dem Namen erstellen, da diese flexiblere Lösung ist, können Sie Verwenden Sie boser.json für andere Pakete, die Sie benötigen, indem Sie einfach eine neue Zeile hinzufügen.

6

Boostrap v4 befindet sich derzeit in einem Alpha Zustand. Der Befehl bower install bootstrap installiert die neueste stabile Version.

die Alpha-Version herunterladen und diese Wahl Sicht speichern:

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

Das für Menschen funktioniert auch mit CodeKit (scheint, wie Sie nicht Bower Befehle in CodeKit verwenden können)!

1) Löschen Sie den alten Ordner bower_components/bootstrap.

2) Erstellen Sie eine bower.json Datei in Ihrem Stamm mit diesem Inhalt:

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

3. Instrall regelmäßige Bootstrap Version über codekit. -> Version 4.0-alpha wird automatisch anstelle der stabilen Version 3.x installiert.

1

dies ist eine richtige Befehlszeile

$ Bower Bootstrap # v4.0.0-alpha.3

installieren gibt es offizielle Verbindung, wie Bootstrap mit anderen Paketmanager getbootstrap 4

verwalten