源代码：
下载代码
AI 编程工具
点击运行
<!DOCTYPE html> <html> <head> <title>Bootstrap5 实例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script> </head> <body> <div class="container mt-3"> <h3>弹窗实例</h3> <p>弹窗通常用于向用户显示短期消息，比如成功消息、错误消息、警告或其他通知。。</p> <p>在这个页面的实例中我们使用 .show 来设置显示弹窗，可以点击关闭（X）图标来关闭弹窗。</p> <div class="toast show"> <div class="toast-header"> <strong class="me-auto">弹窗标题</strong> <button type="button" class="btn-close" data-bs-dismiss="toast"></button> </div> <div class="toast-body"> <p>这是一个Bootstrap 5弹窗示例。</p> </div> </div> </div> </body> </html>
运行结果：
AI 编程工具