如何使用Bootstrap 4举起多个烤面包

问题描述 投票:0回答:1

我想举多个吐司,但事先不知道吐司的数量。

我看到的示例中,预先将html部分进行了硬编码。例如[here][1],这2个通知的html代码是硬编码的。我可以从Javascript内注入html代码,但我发现必须自己处理所有代码很麻烦。

我找到了另一个库toastr,您可以在其中简单地通过javascript进行调用来添加更多的吐司消息

toastr.success('Success messages');
toastr.error('errors messages');

我正在尝试避免添加其他库,因为我已经在使用Bootstrap,并且希望保持有效载荷较小。

我是否可以使用Bootstrap 4设置动态的Toast数量,例如类似于toastr库?

谢谢,Avi

bootstrap-4 toastr
1个回答
0
投票

我最终使用烤面包机。缩小版本的有效负载为〜10KB(toastr.min.css toastr.min.js)

© www.soinside.com 2019 - 2024. All rights reserved.