Bootstrap工具提示問題

無論我做什麼，我的工具提示都只顯示在相關鏈接下。Bootstrap工具提示問題

我有我的頭以下樣式：

<style> 
/* Tooltip on top */ 
.test + .tooltip.top > .tooltip-arrow { 
    border-top: 5px solid green; 
} 
</style>

在身，我有：

<a class="test" href="#" data-toggle="tooltip" data-placement="top" title="ROUND">R</a>

在一切的底部我：

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

我試圖使用指南：

個

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_tooltip_css&stacked=h

任何提示或提示將是巨大的:)

來源

2016-09-28 Alan Tingey

您能提供您使用哪個cdn嗎？ –

Bootstrap v3.3.6（http://getbootstrap.com） - 這是你的意思嗎？抱歉。 –

Ur code is fine .. [Bootstrap CDN]（http://getbootstrap.com/getting-started/）..你必須包括** SCRIPT **和** CSS **到你的頁面，它會工作= > [CodePen]（http://codepen.io/anon/pen/ORgdQb） – liborza

你必須使用工具提示容器選項與體值：

<button type="button" class="btn btn-default" data-container="body" data-toggle="tooltip" data-placement="left" title="Tooltip on left" >Tooltip on left</button>

看看選項數組在官方文檔中：http://getbootstrap.com/javascript/#tooltips

來源

2016-09-28 22:11:02 ArGh

非常感謝您的答案，但仍然只是坐在按鈕下面的結果相同：/。顯然是我的東西做錯了，所以回到繪圖板大聲笑 –

看看你的鏈接的z-index值，如果你已經放了一個，並減少它。製作一個codePen或一個公共頁面，以便我們更容易地幫助您;-) – ArGh

沒有z-index。從來沒有使用過的代碼筆，所以明天會試試:) –

Bootstrap工具提示問題

回答

相關問題