2015-10-12 22 views
17

Ho generato un sito Web di yeoman e che viene fornito con bootstrap 3, come posso installare invece bootstrap 4.Installazione di Bootstrap 4 con bower

Le esercitazioni dicono di eseguire solo "bower install bootstrap", ma installa nuovamente il bootstrap 3.

+0

Prova https://github.com/bassjobsen/generator-bootstrap4; Generatore Yeoman per impacchettare un'app Web Bootstrap 4 front-end –

+0

Possibile duplicato di [Come installare Bootstrap v4 alpha usando bower?] (Http://stackoverflow.com/questions/33156310/how-to-install-bootstrap-v4 -alpha-using-bower) – cvrebert

+0

in un altro modo. questo è stato pubblicato prima di quello – Henry00

risposta

34

Prima di tutto togliere vecchia bootstrap dal progetto (rimuovere bower_components/bootstrap/ directory)

Che avete due opzioni:

1. comando Bower con particolare versione:

bower install bootstrap#4.0 

2. Utilizzo del file bower.json

creare file chiamato bower.json nella root del progetto (vedi esempio sotto)

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

quindi eseguire

bower install 

Mi consiglia seconda opzione con il file bower.json, perché questa è la soluzione più flessibile, è puoi usare boser.json per altri pacchetti di cui hai bisogno, aggiungendo semplicemente una nuova riga.

6

Boostrap v4 è attualmente in uno stato alpha. Il comando bower install bootstrap installa l'ultima versione stabile.

per scaricare la versione alfa e salvare questo percorso scelta:

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

Questo funziona anche per le persone che utilizzano CodeKit (sembra non è possibile utilizzare i comandi Bower in CodeKit)!

1) Eliminare la vecchia cartella bower_components/bootstrap.

2) Creare un file bower.json nella root con questo contenuto:

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

3. instrall regolare bootstrap versione tramite codekit. -> La versione 4.0 alpha verrà installata automaticamente al posto della versione stabile 3.x.

1

questa è una riga di comando destra

$ scrigno di installare bootstrap # v4.0.0-alpha.3

c'è link ufficiale come gestire bootstrap con altri gestori di pacchetti getbootstrap 4