2016-05-13 5 views
0

Wie kann dies getan werden? Geht es darum, das package.json zu modifizieren? Wenn ja wie?Upgrade von Bootstrap-Sass 3 auf Bootstrap 4.00 Alpha 2 in Laravel

aktuell:

{ 
    "private": true, 
    "devDependencies": { 
    "gulp": "^3.9.0", 
    "laravel-elixir": "*", 
    "bootstrap-sass": "^3.0.0" 
    }, 
    "dependencies": { 
    "jquery": "^2.2.0" 
    } 
} 

Ich versuchte npm install [email protected]

und bekam:

npm WARN enoent ENOENT: no such file or directory, open '/Users/chris/www/project/node_modules/gulp-logger/package.json' 
npm WARN enoent ENOENT: no such file or directory, open '/Users/chris/www/project/node_modules/gulp-phpspec/package.json' 
npm WARN enoent ENOENT: no such file or directory, open '/Users/chris/www/project/node_modules/gulp-phpunit/package.json' 
npm WARN enoent ENOENT: no such file or directory, open '/Users/chris/www/project/node_modules/purdy/package.json' 
npm WARN enoent ENOENT: no such file or directory, open '/Users/chris/www/project/node_modules/recast/package.json' 

Antwort

2

Das Paket, das Sie verwenden sind nur eine abgespeckte Implementierung von BS3, die durch verwaltet werden können NPM; also lass uns stattdessen den V4 von Twitter verwenden.

"bootstrap": "^4.0.0-alpha.2", 

Innerhalb Ihrer node_modules direkt, werden Sie jetzt Bootstrap/SCSS/bootstrap.scss finden, und alle anderen Mixins, können Sie von diesem entsprechend kompilieren.

+0

ok so jetzt habe ich den Bootstrap-Ordner unter Node-Module, es scheint anders als was Bootstrap-Sass war, zB wo sind Assets? Ich habe @import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap' verwendet; Jetzt gibt es einen Ordner scss http://i.imgur.com/xAcuSfr.png – Chriz74

+0

ok Ich schaffte es zu tun, aber Version 4 komplett mein Layout ruiniert, musste ich wieder auf Bootstrap-Sass – Chriz74

+0

@ Chriz74 Es gibt tatsächlich eine Tonne Unterschiede zwischen den beiden. Die Layouts haben sich geändert, um anstelle von "pxs" an den Haltepunkten 'rems' zu verwenden. 'panel'-Unterstützung wurde entfernt und durch' cards' ersetzt, Klassenhelfer haben jetzt neue Breakpoints, wie 'hide' ist jetzt' hidden-xs-up' zum Ausblenden auf alles von XS up, 'text-center', ist jetzt 'text-xs-center' für zentrierten Text auf xs und alles größer. 'Tabs' haben jetzt die Klasse' .active', die auf dem 'Anker' verwaltet wird, im Gegensatz zum' Listenelement'. Es gibt eine Tonne mehr. – Ohgodwhy

Verwandte Themen