AngularJS Материал и Toastr CSS не работают вместе

Question

Я использую AngularJS Material и 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 --> 

Он работал с Twitter Bootstrap, прежде чем я перешел на использование материалов и материалов е.

Answer 1

Изменить порядок файла bower.json, чтобы toastr.css был отправлен после angular-material и materialize.css.