欢迎您 本站地址:
复制网址
手机查看
切换背景
源代码:
html编辑器
颜色值转换
点击运行
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> <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>
运行结果:
小库提示
扫描下方二维码,访问手机版。
打赏
关闭