附加内容
提示框内可以放置标题、段落、分隔线与按钮等更丰富的内容。
任务已完成
报告生成完毕，包含本季度全部 3 个项目的销售数据与趋势分析，共 128 页。
如需调整统计口径，可重新运行生成任务。
HTML 示例
提示框 Alerts
提示框为面向用户的操作反馈与状态信息提供上下文样式，支持链接强调、附加内容、图标以及可关闭等多种形态。
基础颜色
八种语义颜色对应不同级别的提示：主要信息、次级信息、成功、危险、警告、说明、浅色与深色。
一条 primary 提示——用于传达主要信息。
一条 secondary 提示——用于较弱的次要信息。
操作成功！数据已保存并同步到云端。
出错了，请检查输入内容后重试。
请注意：当前设置将在 24 小时后生效。
小提示：你可以用快捷键 Ctrl+K 快速搜索。
浅色提示，通常需要搭配边框才能看清边界。
深色提示，适合需要高对比的场景。
HTML 示例
链接颜色
在提示框内使用 alert-link 类，链接会自动匹配当前提示框的语义颜色。
HTML 示例
图标示例
使用 Flex 工具类将内联 SVG 图标与文字对齐，让提示信息更容易被扫读。
HTML 示例
可关闭提示
添加 alert-dismissible 类与关闭按钮（data-bs-dismiss="alert"），点击即可关闭。重新加载页面即可恢复。
注意！ 你正在使用演示数据，关闭本提示后可通过刷新页面再次查看。
HTML 示例