Question

如何使用bootstrap的工具提示将某些文本转换为斜体？

这是一个代码段..

在我的例子中，我想要改变文本＆＃34; title＆＃34;斜体！

谢谢

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 1

您可以将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>

Answer 2

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

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

Answer 3

要将文字更改为 Italic ，您只需在CSS中执行此操作：

.tooltip-inner {
    font-style: italic;
}

这是在引导程序工具提示中定位文本的类，请确保包含自定义CSS AFTER 引导程序CSS

<小时/> 编辑

这为样式化工具提示开辟了更多可能性

希望这有帮助！

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

3 个答案: