Bootstrap 4 工具提示答案

【问题标题】：Bootstrap 4 TooltipsBootstrap 4 工具提示
【发布时间】：2020-06-16 08:36:28
【问题描述】：

我正在使用 Bootstrap 4 在我的网页上创建工具提示。但不知何故，工具提示无法正常工作。以下是相同的代码：

<a href="#reserve-table" class="btn btn-warning" role="button" data-toggle="tooltip" data-html="true" data-placement="top" title="or Call us at<br><strong>+852 1234 5678</strong>">Reserve Table</a>

我已包含以下文件：

bootstrap.min.js
bootstrap.min.css

我还使用以下 js 代码激活了工具提示：``

$(document).ready(function() { $('[data-toggle="tooltip"]').tooltip(); });

有人可以帮忙吗？这就是工具提示在我的网页上的外观。 Tooltip on webpage

【问题讨论】：

“但不知何故，工具提示无法正常工作”什么不正常？它在做什么，它应该做什么？
因为你没有标记 jquery 而是使用 jquery 代码，你是否包含了 jquery 库？
是的，我也添加了 jquery 和 popper 库。
我也添加了 jquery 和 popper 库。

标签： javascript html css twitter-bootstrap tooltip

【解决方案1】：

如果目标是在准备好后在页面上显示工具提示，您可以使用： .tooltip('show') 或 .tooltip('toggle') 绕过默认悬停触发器。

这里有更多用于工具提示的 javascript 选项： https://getbootstrap.com/docs/4.5/components/tooltips/#options

【讨论】：

【解决方案2】：

尝试添加nav-link 类以及 btn 和 btn-warning。还要确保所有的 JS 文件都是有序的，即首先你有 jquery，而不是 popper 和 bootstrap.min.js。

【讨论】：

什么不起作用？工具提示甚至不显示？你有我们可以看到的 github 存储库吗？