Bootstrap Toasts 组件参考 Toast CSS 类 Toast组件就像一个警告框,仅在发生某些情况(即用户单击按钮,提交表单等)时显示几秒钟。 下表总结了 Bootstrap Toast CSS 类: 类名 描述 示例 .toast Toast 组件 尝试一下 .toast-body Toast 内容 尝试一下 .toast-header Toast 头部 尝试一下 Toast 选项 可以通过数据属性或 JavaScript 传递选项。 对于数据属性,将选项名称附加到 data-,如 data-animation="" 所示。 参数 类型 默认值 描述 示例 animation 布尔值 true 指定在显示和隐藏 Toast 组件时是否添加 CSS 淡入淡出过渡效果。 true-添加淡入效果 false-不添加淡入淡出效果 尝试一下 autohide 布尔值 true 指定默认情况下是否隐藏 Toast 组件 尝试一下 delay 数字 500 指定一旦显示Toast 组件,将隐藏Toast 组件所需的毫秒数。 尝试一下 Toast 方法 下表列出了所有可用的Toast 方法。 方法 描述 示例 .toast(options) 使用选项激活 toast 组件;查看上面的选项参数以获取有效值 尝试一下 .toast("show") 使 toast 组件显示 尝试一下 .toast("hide") 使 toast 组件隐藏 尝试一下 .toast("dispose") 隐藏和销毁 toast 组件 尝试一下 Toast 事件 下表列出了所有可用的Toast事件。 事件 描述 示例 show.bs.toast 在即将显示 Toast 组件时发生 尝试一下 shown.bs.toast 在完全显示 Toast 组件时发生(在CSS转换完成之后) 尝试一下 hide.bs.toast 在 Toast 组件将被隐藏时发生 尝试一下 hidden.bs.toast 当 Toast 组件完全隐藏时发生(在CSS转换完成之后) 尝试一下 相关页面 Bootstrap Toast 组件 Bootstrap CSS类参考