Bootstrap 4工具提示

Question

我正在使用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>[phone]</strong>">Reserve Table</a>

我已包含以下文件：

bootstrap.min.js
bootstrap.min.css

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

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

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

Answer 1

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

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

Answer 2

您不需要JS来制作工具提示：This site应该有帮助