Bootstrap Toasts 组件参考

Toast CSS 类

Toast组件就像一个警告框，仅在发生某些情况（即用户单击按钮，提交表单等）时显示几秒钟。

下表总结了 Bootstrap Toast CSS 类：

可以通过数据属性或 JavaScript 传递选项。对于数据属性，将选项名称附加到 data-，如 data-animation="" 所示。

参数	类型	默认值	描述	示例
animation	布尔值	true	指定在显示和隐藏 Toast 组件时是否添加 CSS 淡入淡出过渡效果。 true-添加淡入效果 false-不添加淡入淡出效果	尝试一下
autohide	布尔值	true	指定默认情况下是否隐藏 Toast 组件	尝试一下
delay	数字	500	指定一旦显示Toast 组件，将隐藏Toast 组件所需的毫秒数。	尝试一下

下表列出了所有可用的Toast 方法。

方法	描述	示例
.toast(options)	使用选项激活 toast 组件；查看上面的选项参数以获取有效值	尝试一下
.toast("show")	使 toast 组件显示	尝试一下
.toast("hide")	使 toast 组件隐藏	尝试一下
.toast("dispose")	隐藏和销毁 toast 组件	尝试一下

下表列出了所有可用的Toast事件。

事件	描述	示例
show.bs.toast	在即将显示 Toast 组件时发生	尝试一下
shown.bs.toast	在完全显示 Toast 组件时发生（在CSS转换完成之后）	尝试一下
hide.bs.toast	在 Toast 组件将被隐藏时发生	尝试一下
hidden.bs.toast	当 Toast 组件完全隐藏时发生（在CSS转换完成之后）	尝试一下