Bootstrap Tooltip顯示在頁面左上角

我正在嘗試在我的應用程序中使用Bootstrap Tooltip。工具提示來了，但它的CSS丟失了。它出現在沒有格式化的左上角。Bootstrap Tooltip顯示在頁面左上角

<a href="#" data-toggle="tooltip" title="first tooltip" id="example" data-placement="top">Hover over me</a> 

<script> 
     $(function() { 
      $("#example").tooltip();    
     }); 
</script>

我試圖解決這樣的1，但沒有效果： -

<style> 
     .tooltip-inner { 
      color: red; 
      background-color: orange; 
      border: 1px solid #333; 
     } 
</style>

我已經serached我所有的CSS對於具有類似名稱與tooltip-inner這可能是壓倒一切的引導類的任何其他class ，但我沒有發現。

一件事我注意到，當我將鼠標懸停在鏈接上，在Inspect element我發現這個屬性添加到鏈接： -

aria-describedby="ui-tooltip-12" 

<a href="#" data-toggle="tooltip" title="" id="example" data-placement="top" aria-describedby="ui-tooltip-13">Hover over me</a>

每一個幫助表示讚賞。

來源

2014-01-21 Anup

'tooltip'插件的默認代碼也需要'rel'屬性，儘管您可以更改它並且'rel' attr似乎丟失了，或者您可以在您的問題中發佈工具提示代碼或[嘗試添加任意小提琴] （http://jsfiddle.net） – Jai

你可以創建一個[小提琴]（http://jsfiddle.net/） – Felix

請給小提琴複製你的問題！ :) – NoobEditor

這是造成這個問題的原因。

<script src="/Scripts/jquery-ui-1.10.3.min.js"></script>

我刪除了這個&它的工作。包含的Jquery UI工具提示& Bootstrap工具提示不符合工具提示。

來源

2014-01-21 07:17:24 Anup

+1：也接受標記:) – NoobEditor

這個jquery文件，我們需要支持大量的額外功能..除了這個，有什麼解決方法嗎？ – Kenta

Bootstrap Tooltip顯示在頁面左上角

回答

相關問題