使用引导将斜体文本转换为工具提示

Italic text into a tooltip using Bootstrap

本文关键字：文本 转换 工具提示 斜体      更新时间：2023-09-26

如何使用引导程序的工具提示将一些文本转换为斜体？

这是一个片段代码。

在我的示例中，我想将文本"标题"转换为斜体！

谢谢

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();   
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<ul>
     <li><a href="#"> msg1</a>
     </li>
     <li data-toggle="tooltip" data-placement="bottom" title="this is a <i> title </i>">
         <a href="#">msg2</a>
     </li>
</ul>

您可以按如下方式将data-html="true"添加到您的 li 标签中： 

<li data-html="true" data-toggle="tooltip" data-placement="bottom" title="this is a <i> title </i>">
         <a href="#">msg2</a>
</li>

确保在工具提示标记中使用data-html="true"。

http://www.codeply.com/go/tjkGpE9vAJ

要将文本更改为斜体，您只需在 CSS 中执行此操作：

.tooltip-inner {
    font-style: italic;
}
这是在引导

工具提示中定位文本的类，请确保在引导 CSS 之后包含自定义 CSS

编辑

这为设置工具提示样式提供了更多可能性

希望这有帮助！

相关文章：