在 Bootstrap 中使用 bootstrap-growl JS 插件的通知弹出框

在本节中，我们将学习通知弹出框。我们将使用 Bootstrap-growl JS 插件来实现此功能。Growl 是一种通知系统，已在 Microsoft Windows 系统、Mac OS 中使用多年。Growl 通知系统用于向最终用户发送用户友好、非阻塞的通知弹出消息。当我们处理项目时，我们通常更喜欢使用通知。当我们执行某些操作时，我们总是需要收到通知警报，例如，如果我们从任何网站或任何表单或任何地方删除项目，将打开一个通知，其中将显示一条消息，例如“项目已成功删除”。 诸如此类的消息将显示在创建、列出、更新和对项目执行的其他操作上。 当我们处理用户面板或管理面板时，这些通知警报是强制性的。

如果我们的项目正在使用 Bootstrap，我们可以简单地使用 growl JS 插件。要使用它，我们不必添加 CSS 文件，我们将简单地添加 JS。当我们将 bootstrap-growl.js 插件添加到我们的项目中时，它为我们提供了各种类型的通知，例如错误、成功、警告、信息以及很多功能。为了显示通知，我们也有很多选项。在我们的上一篇文章中，我们也展示了“使用 toastr JS 插件的 Laravel 通知消息弹出框”，但在下面的应用程序中，我们将使用 Bootstrap-growl JS 插件，因为它非常可定制，并且很容易与 Bootstrap 一起使用。为了添加通知，我们必须遵循一些步骤，如下所述

示例

现在我们的上述代码已准备好运行。当我们运行此代码时，将生成以下输出，如下所示