2017-01-03 2 views
0

Ich versuche toastr Stil Alarmmeldungen Arbeiten mit Bootstrap 4 und Angular 2 und die aktuellen Pakete zu bekommen, die ich nur mit Bootstrap installiert arbeiten 3.Angular 2 Warnungen, die mit Bootstrap arbeiten 4, ähnlich wie Toastr

Wondering Wenn jemand Erfolg gehabt hat, ein Alert-Paket zu bekommen, das mit Angular 2 und Bootstrap 4 funktioniert?

Sie alle arbeiten so weit wie Warnungen an den Bildschirm zu senden und zu verschwinden, aber ohne Styling wie die falschen Klassen verwendet werden .

Ich benutze Bootstrap 4 und auch ng-bootstrap in diesem Projekt.

Un-Styled Toaster Message

+0

Soweit ich weiß ... ist Toastr auf Bootstrap nicht abhängig. Toastr haben eigene CSS- und JavaScript-Dateien. Sie müssen sie nur auf Ihrem eckigen Projekt korrekt referenzieren. – 12seconds

Antwort

1

Danke zu 12 Sekunden für die Eingabe über arbeitete ich, dass gerade aus für mich NG2-locker mit.

Ich benutze Webpack und ich nahm an, dass CSS automatisch importiert wurde. Ich entschied mich, die Stylesheets aus node_modules\ng2-toasty in meinen eigenen Ordner assets\ng-toasty zu kopieren und Verweise in index.html einzufügen.

Mein Problem ist jetzt gelöst.

<link rel="stylesheet" href="assets/ng2-toasty/style.css" /> 
<link rel="stylesheet" href="assets/ng2-toasty/style-bootstrap.css" /> 

enter image description here