Wie kann ich Twitter Bootstrap in eine Ember-Cli-App integrieren?

Christian Fazzini

Ich verwende Ember 1.7.0 und versuche, das Twitter Bootstrap CSS Framework in eine Ember-Cli-App zu integrieren.

Ich habe einige Artikel darüber online gesehen, aber die meisten scheinen ziemlich veraltet zu sein. Bis heute habe ich es geschafft, Informationen aus Artikeln online zusammenzustellen und habe mir diese ausgedacht.

bower install --save bootstrap-sass-official

Überprüfen Sie dann bower.json, ob etwas in dieser Richtung enthalten ist:

"bootstrap-sass-official": "~3.3.1"

Fügen Sie die folgenden Zeilen in Ihre ein Brocfile.js:

app.import('bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js');
app.import('bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss');

Neustart ember-server. Navigieren Sie zu http://localhost:4200/assets/vendor.js. Stellen Sie sicher, dass sich dort der Twitter Bootstrap-Quellcode befindet.

Allerdings http://localhost:4200/assets/vendor.csssehe ich bei keinen Hinweis ....

Ist dies der richtige Weg zur Installation? Vermisse ich etwas

Matthew Rankin

bootstrap-for-ember ist veraltet, was bedeutet, dass Sie ember-cli-bootstrap-sass auch nicht für neue Projekte verwenden sollten, da dies bootstrap-for-ember verwendet . Daher verwende ich mit ember-cli v0.1.12 ember-cli-bootstrap-sassy , das als "eine Abzweigung von ember-cli-bootstrap-sass" beschrieben wird, jedoch ohne Abhängigkeit von dem jetzt nicht mehr existierenden Bootstrap-for-Ember . "

Führen Sie zum Installieren von ember-cli-bootstrap-sassy den folgenden Befehl im Stammverzeichnis Ihres ember-cli- Projektverzeichnisses aus:

$ ember install:addon ember-cli-bootstrap-sassy

Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.

Bei Verstößen wenden Sie sich bitte [email protected] Löschen.

bearbeiten am
0

Lass mich ein paar Worte sagen

0Kommentare
LoginNach der Teilnahme an der Überprüfung

Verwandte Artikel

Wie kann ich Zoom in eine Reactjs-App integrieren?

Wie kann ich Expo-Komponenten in eine React Native-App ohne Expo integrieren?

Wie kann ich Jasypt in eine Spring 4-App mit Java-Konfiguration integrieren?

Wie kann ich SwiftLint mit Swift Package Manager in eine iOS-App integrieren?

Wie kann ich die PrimeNG Designer API in eine vorhandene Angular 7 App integrieren?

Wie kann ich die Aktion OPEN_APP_FEATURE in eine Android-Anwendung integrieren?

Wie kann ich Quellkarten zum Laufen bringen, wenn Tests mit ember-qunit für eine auf ember-cli basierende Ember-App ausgeführt werden?

Wie kann ich OpenGraph- und Twitter-Karten in eine 2sxc-Detailvorlage in c # razor integrieren?

Kann ich React in eine Knockout-JavaScript-App integrieren?

Wie kann ich eine benutzerdefinierte Aufgabe in aiogram executor integrieren?

Wie kann ich Blogger in eine persönliche Website integrieren?

Wie kann ich meine Klassen in eine Abschlussklasse integrieren?

Wie kann ich eine erweiterbare Listenansicht in die Navigationsleiste integrieren?

Wie kann ich eine Smartcard in meine c # -Anwendung integrieren?

Wie kann ich die CCAvenue to Ionic App integrieren?

Wie kann ich Toastbenachrichtigungen in die WPF-App integrieren?

Wie kann ich die CoreUI to React Rails-App integrieren?

Wie kann ich Google Sign in und Firebase in meine App integrieren?

Wie kann ich Strapi API und Admin Panel in eine andere Knoten-App integrieren (die Strapi API verwendet)?

Reagiere auf die Site und versuche, eine App einzubetten, aber ich kann nicht herausfinden, wie ich sie in eine Komponente integrieren kann (funktioniert auf der statischen Seite).

Wie kann ich eine Twitter-Timeline in eine Shiny-App einbetten?

Wie kann ich eine Twitter-Timeline in eine glänzende App einbetten?

Wie kann ich eine bestimmte Warnung mit Twitter Bootstrap ein- / ausblenden?

Wie kann ich Tailwindcss in die Webkomponente eines VUE CLI 3-Projekts integrieren?

Wie kann ich ASP.NET Core 2.1 in Vue CLI 3 integrieren?

Wie kann ich eine help.chm-Datei in eine Python-Anwendung integrieren?

Wie kann man Gewichte in eine Wahrscheinlichkeitsfunktion integrieren?

Wie erstelle ich eine Beziehung in Ember-Cli-Mirage?

Wie erstelle ich eine produktionsbereite Erstellung mit Ember CLI?

TOP Liste

  1. 1

    Modbus Python Schneider PM5300

  2. 2

    Glassfish v3.0.1 im Vergleich zu Oracle GlassFish Server 3.0.1 - Gibt es einen technischen Grund, die kommerzielle Version zu verwenden?

  3. 3

    Wie schließe ich mehrere Ordner mit der Variablen EXTRA_ARGS aus?

  4. 4

    Wie kann eine gleichmäßige Lastverteilung in ElasticSearch mit Indizes mit unterschiedlicher Anzahl von Shards erreicht werden?

  5. 5

    Wie kann man eine Multi-Container-Anwendung in Steuerkarten erstellen?

  6. 6

    ElasticSearch - Knotensperren konnten nicht abgerufen werden

  7. 7

    Python: Spalten mit demselben Namen zusammenführen, wobei der Mindestwert beibehalten wird

  8. 8

    Elasticsearch startet nicht nach dem Laden in viele Daten

  9. 9

    Ärgerliches Problem mit yaml, das ich nicht lösen kann

  10. 10

    Wie Verwenden von Httpclient mit jedem SSL-Zertifikat, egal wie „schlecht“ es ist

  11. 11

    Wie vergleicht man scala.xml-Knoten richtig?

  12. 12

    ElasticSeach Auto Complete mit dem Vervollständigungsvorschlag, um das vollständige Dokument zurückzugeben

  13. 13

    Wie füge ich eine Spalte in einer Zeile in der Ansible Jinja2-Vorlage mit der for-Schleife hinzu?

  14. 14

    HTTPS-Verbindung mit Moneris-Servern in Curl

  15. 15

    Unity Build-Fehler: Der Name 'EditorUtility' ist im aktuellen Kontext nicht vorhanden

  16. 16

    Bester Crawler, um festzustellen, ob er mit Technologien gebaut wurde?

  17. 17

    So erhalten Sie eine gleichmäßige Höhe für alle Eingabefelder

  18. 18

    Wie kann ich den Kaskadenmodus global einstellen?

  19. 19

    Eclipse Oxygen - Projekte verschwinden

  20. 20

    Wie konvertiere ich einen Vektor von Bytes (u8) in eine Zeichenfolge?

  21. 21

    ElasticSearch BulkShardRequest ist aufgrund von org.elasticsearch.common.util.concurrent.EsThreadPoolExecutor fehlgeschlagen

heißlabel

Archiv