/ / Bootstrap v4.0.0-alpha.3 zur Ember-Anwendung hinzufügen - css, json, twitter-bootstrap, ember.js

Hinzufügen von Bootstrap v4.0.0-alpha.3 zur Ember-Anwendung - css, json, twitter-bootstrap, ember.js

Ich versuche, meine Bootstrap-Abhängigkeit in meiner Ember-Anwendung auf die Alpha 4-Version zu aktualisieren, damit ich auf die Dienstprogrammklassen zugreifen kann (z. B. Margin / Padding).

Ich denke, Bootstrap ist eine Abhängigkeit der Bower, da es in aufgeführt ist bower.jsonAlso folgte ich den Anweisungen von die neue Bootstrap-Website:

bower install bootstrap#v4.0.0-alpha.3

Als ich das tat, bower.json nicht aktualisiert. Tatsächlich ist die Bootstrap-Version immer noch vorhanden "bootstrap": "^3.3.7".

Die einzigen Unterschiede sind:

  1. Jetzt habe ich 152 JSHint-Fehler in meinem Terminal "bootstrap":true zu .jshintrc und meinen Server neu gestartet, aber die Fehler waren immer noch vorhanden.
  2. Meine Glut App war defekt, bis ich Linie 1 in entfernte change-version.jswas war #!/usr/bin/env node.
  3. Wenn ich in meinen Vorlagen einen neuen CSS-Stil eingebe, werden die CSS-Stile angezeigt, aber meine Ember-Anwendung erkennt sie nicht. Zum Beispiel ist hier ein Bild: erscheint, funktioniert aber nicht

Wenn ich die Klasse hinzufüge m-r-3 und localhost neu laden, es erscheint nichts.

Ich habe schon versucht zu importieren bootstrap.min.css und bootstrap.css in dem ember-cli-build.js Datei. Es hat nicht funktioniert.

Ich habe schon durchgelesen Diese Seite geht über Abhängigkeiten aber ich hatte kein glück. Wenn jemand hier helfen könnte, wäre das sehr dankbar.

Antworten:

2 für die Antwort № 1

Sie müssen verwenden --save Parameter zum Speichern von bower.json:

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

Schauen Sie sich das Verzeichnis "bower_components" an, wird die alte Version des Bootstraps beibehalten? Wenn ja, entferne es.

Sie sollten hinzufügen bootstrap.css zum ember-cli-build.js, wie du gesagt hast. Schaut mal rein dieses Addon, überprüfen Sie Ihre Kodierung mit einem Tippfehler oder fehlerhaftem Hinzufügen.

Lädt Ihr Client eine Version von Bootstrap? (Überprüfen Sie vendor.js)