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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/bootstrap/234112.html

猜你在找的Bootstrap相关文章