css - AngularJS Material 和 Toastr CSS 不能一起工作

Question

我正在使用 AngularJS Material和 Toastr .

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

而不是得到类似的东西:

生成的 HTML head 是:

<!-- 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 -->

正在与 Twitter 合作 Bootstrap在我转而使用 AngularJS Material 和 Materialize 之前。

Answer 1

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