小编mll*_*lml的帖子

工具提示和弹出窗口在 Bootstrap 5 中不起作用

我使用 Bootstrap 5 创建了一个非常小的网站。

\n

我使用“工具提示”和“弹出窗口”在页面底部创建了 2 个按钮,但它们不起作用,没有显示任何内容。

\n

这是我的网站,位于页面底部:

\n

https://www.mathieulebert.fr/

\n

这是 HTML 代码:

\n
<!doctype html>\n<html lang="fr" class="h-100">\n\n  <head>\n    <link rel="manifest" href="/manifest.json">\n    <link rel="canonical" href="https://www.mathieulebert.fr/">\n    <link href="bootstrap.min.css" rel="stylesheet">\n    <link href="style.css" rel="stylesheet">\n  </head>\n\n  <body class="position-relative d-flex flex-column bg-dark text-white text-center" data-bs-spy="scroll" data-target="#navbar" data-bs-offset="85" tabindex="0">  \n\n<button type="button" class="btn btn-secondary m-5" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top">\n  Tooltip on top\n</button>\n\n<button type="button" class="btn btn-secondary m-5" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Copi\xc3\xa9">\n  Popover on bottom\n</button>\n\n    <script src="bootstrap.bundle.min.js"></script>\n    <script src="clipboard.min.js"></script>\n    <script src="pwa.js"></script>\n    <script src="feed.js"></script>\n\n    <script>\n      var …
Run Code Online (Sandbox Code Playgroud)

javascript tooltip popover twitter-bootstrap bootstrap-5

7
推荐指数
1
解决办法
2万
查看次数