AngularJS Material 和 Toastr CSS 不能一起工作

Question

我正在使用 AngularJS Material and Toastr。

我都使用 Bower 来安装它们。他们一起工作，只是 toastr 的样式被覆盖了。所以当我尝试使用 toastr.warning(...) 我得到

而不是得到类似的东西：

生成的HTML头是：

<!-- bower:css -->
<link rel="stylesheet" href="../bower_components/toastr/toastr.css">
<link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="../bower_components/angular-material/angular-material.css">
<link rel="stylesheet" href="../bower_components/materialize/bin/materialize.css">
<!-- endbower -->

在我开始使用 AngularJS Material 和 Materialize 之前，它一直在与 Twitter Bootstrap 合作。

Answer 1

更改 bower.json 文件的顺序，使 toastr.css 排在 angular-material 和 materialize.css 之后。