以粗体显示引导工具提示字的样式答案

【问题标题】：Styling bootstrap tooltip word in bold以粗体显示引导工具提示字的样式
【发布时间】：2021-08-11 06:48:31
【问题描述】：

我正在尝试将工具提示与引导程序一起使用。我有一个句子，只想要一个粗体字，但它一直显示为带有标签的纯文本。

我使用了 data-html ="true" 但它并没有改变任何东西。

<p title="This is the sentence that I want to show with the <strong> tooltip </strong>" data-html="true">
                        Hover here
                    </p>

【问题讨论】：

stackoverflow.com/questions/13704789/…。这会解决您的问题吗？
不幸的是它没有。样式一直显示为纯文本
您使用的是哪个版本的引导程序？我想您需要添加 data-toggle="tooltip" 才能将其视为工具提示，以便 data-html 可以工作
我正在使用 bootstrap v3。尝试了 data-toggle="tooltip" 和 data-bs-toggle="tooltip"。似乎没有任何效果
实际的工具提示有用吗？基本功能？如果没有，您是否将 jquery 添加到您的项目中？

标签： html css

【解决方案1】：

调用这个函数

<p title="This is the sentence that I want to show with the <strong> tooltip </strong>" data-toggle="tooltip" data-html="true">Hover here</p>

$("[data-toggle=tooltip]").tooltip();

https://jsfiddle.net/lalji1051/vj0du5ko/2/

【讨论】：

【解决方案2】：

工具提示“ data-toggle="tooltip"data-html="true"> 悬停在这里 $(document).ready(function(){$('[data-toggle="tooltip"]').tooltip(); });

【讨论】：

【解决方案3】：

工具提示“ data-toggle="tooltip"data-html="true">悬停在这里

【讨论】：

你必须激活工具提示但你还没有激活所以这就是它不起作用的原因