toastr js成功显示背景颜色为白色

Question

用于通知的 toaster js 工作正常，但所有类型的背景颜色都显示为白色。

我的header是这样的

    <link rel="stylesheet" href="{{ asset('assets/libs/toastr/toastr.min.css') }}">

    <!-- Bootstrap Css -->
    <link href="{{ asset('assets/css/bootstrap.min.css') }}" id="bootstrap-style" rel="stylesheet" type="text/css" />
    <!-- Icons Css -->
    <link href="{{ asset('assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" />

页脚是这样的

    <script src="{{ asset('assets/libs/toastr/toastr.min.js') }}"></script>

Answer 1

bootstrap 包含烤面包机。 bootstrap 烤面包机和烤面包机 js 发生冲突，因此所有烤面包机背景都变成白色。

我刚刚重新排列了烤面包机和 bootstrap 链接的顺序。问题已解决。

    <!-- Bootstrap Css -->
    <link href="{{ asset('assets/css/bootstrap.min.css') }}" id="bootstrap-style" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="{{ asset('assets/libs/toastr/toastr.min.css') }}">
    <!-- Icons Css -->
    <link href="{{ asset('assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" />

toastr js成功显示背景颜色为白色

toaster js success showing background color white

javascript

jquery

notifications

toastr