将data-tooltip文本中的部分内容加粗

11 浏览
0 Comments

将data-tooltip文本中的部分内容加粗

data-tooltip="
                Title Here
                1. Bullet one
                2. Bullet two
                3. Bullet three"

我希望“Title Here”加粗，并且其他内容以新行对齐。

0

1 答案

0 Comments

问题的原因是希望将data-tooltip文本的一部分样式设置为粗体。解决方法是通过在tooltip中启用html，并使用标签将文本部分设置为粗体。

具体来说，可以通过在tooltip的data-html属性中设置为true来启用html。然后，在data-tooltip文本中使用标签将需要设置为粗体的部分包裹起来。

以下是解决问题的示例代码：

此外，建议将HTML属性保持在一行上，以遵循约定，并防止意外换行等情况。如果需要在tooltip中使用换行符，可以使用
元素。

以上是使用Bootstrap tooltips解决问题的方法。如果希望使用纯CSS和JS解决问题，可以考虑使用Tippy等纯JS库，或查看类似stackoverflow上的回答。

0