Angular 2警报与Bootstrap 4一起使用,类似于Toastr

时间:2017-01-03 00:45:12

标签: angularjs angular bootstrap-4 ng-bootstrap

我正在尝试使用Bootstrap 4和Angular 2获取toastr样式警报消息,并且我安装的当前软件包仅适用于Bootstrap 3。

想知道是否有人成功获得使用Angular 2和Bootstrap 4的警报包?

它们都可以向屏幕发送警报并消失,但没有任何样式,因为正在使用错误的类。

我在这个项目中使用Bootstrap 4和ng-bootstrap。

Un-Styled Toaster Message

1 个答案:

答案 0 :(得分:2)

感谢上面输入的12秒,我只是使用ng2-toasty为自己解决了这个问题。

我正在使用webpack,我认为CSS是自动导入的,我决定将样式表从node_modules\ng2-toasty复制到我自己的文件夹assets\ng-toasty中,并将引用放入index.html。 / p>

我的问题现在已经解决了。

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

enter image description here