使用引導程序將斜體文本轉換爲工具提示

這是一個片斷代碼..

在我爲例我要變換的文本「標題」以斜體！

謝謝

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

來源

2016-01-14 taboubim

確保您在提示標記使用data-html="true"。

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

來源

2016-01-14 18:18:48 ZimSystem

這也可能是最好使用[StackOverflow上內置的代碼片段工具（https://blog.stackoverflow.com/2014/09/introducing -runnable-javascript-css-and-html-code-snippets /），而不是依靠外部網站，可能會隨着時間的推移而破裂或失敗。 –

謝謝@Skelly，這是一個很好的答案:) – taboubim

要將文字更改爲斜體你可以簡單地做在你的CSS：

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

這是爲目標的引導提示文本類，確保包括您的自定義CSS AFTER引導程序CSS

編輯

這樣可以爲您的工具提示造型更多的可能性

希望這有助於！

來源

2016-01-14 18:20:30 Simplicity

您可以添加到data-html="true"貴麗標籤這樣：

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

來源

2016-01-14 18:21:10

謝謝，這是一個很好的答案;） – taboubim

高興地幫助:) –

使用引導程序將斜體文本轉換爲工具提示

回答

相關問題