介绍
Bootstrap Alert 是一个使用 Bootstrap 样式的弹窗插件。使用此插件可以方便地创建各种类型的提示信息，如成功、警告、危险等。
安装
安装 bootstrap-alert 非常简单，只需要使用 npm 命令即可：
npm install bootstrap-alert
使用方法
引入文件
在使用之前，需要将 bootstrap-alert 的 CSS 和 JavaScript 文件引入到 HTML 文件中：
<link rel="stylesheet" href="node_modules/bootstrap-alert/dist/css/bootstrap-alert.min.css"> <script src="node_modules/bootstrap-alert/dist/js/bootstrap-alert.min.js"></script>
创建弹窗
使用 bootstrap-alert 创建弹窗非常简单，只需要调用 alert 函数即可：
// 创建一个成功提示框
alert('success', '操作成功！');
// 创建一个警告提示框
alert('warning', '请注意，操作可能存在风险！');
// 创建一个危险提示框
alert('danger', '操作失败，请稍后重试！');参数说明
alert 函数有两个参数：
- alertType（必填）：表示提示框的类型，可选值为
success、warning和danger。 - message（必填）：表示提示框中要显示的文本消息。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
---------------------- ------------
----- ---------------- ---------------------------------------------------------------------
------- ---------------------------------------------------------------------------
-------
------
------- --------------------------------------
------- --------------------------------------
------- -------------------------------------
--------
-------- ------------- -
---------------- ---------
-
-------- ------------- -
---------------- -----------------
-
-------- ------------ -
--------------- ---------------
-
---------
-------
-------总结
使用 bootstrap-alert 可以轻松创建各种类型的提示框，为用户提供更好的操作体验。通过以上介绍，可以轻松上手，并在项目中使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c83ccdc64669dde4e20