twitter-bootstrap – 使toastr警报看起来像引导警报

我想让toastr的弹出窗口看起来与Bootstrap警报相同或非常接近.我该怎么做？

解决方法

包括用于Bootstrap警报的CSS,然后在toastr选项中,更改toastClass和iconClasses的值：

toastr.options = {
    toastClass: 'alert',iconClasses: {
        error: 'alert-error',info: 'alert-info',success: 'alert-success',warning: 'alert-warning'
    }
},

然后在toastr的CSS中,从#toast-container>中删除dropshadow div,最终看起来像：

#toast-container > div {
    width: 300px;
}

你可以离开填充,如果你想要,或添加到你自己的CSS文件,而不是编辑toastr(可能最好,只是确保你的以后加载).

原文地址：https://www.jb51.cc/bootstrap/234112.html