AngularJS Material和Toastr CSS无法协同工作

Question

我正在使用AngularJS Material和Toastr。

我用凉亭来安装两者。他们正在一起工作，除了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 and Materialize之前，它正在与Twitter Bootstrap合作。

Answer 1

更改bower.json文件的顺序，以便toastr.css和angular-material之后materialize.css。{/ p>