堆疊進度條上的Bootstrap工具提示

我試圖在stacked progress bar的每個元素上顯示Bootstrap工具提示。似乎有可能爲整個酒吧顯示一個，但將代碼添加到單個堆疊酒吧不起作用。這裏是我的代碼：堆疊進度條上的Bootstrap工具提示

<div class="progress"> 
    <div class="progress-bar progress-bar-success" style="width: 35%" data-toggle="tooltip" title="Tooltip on left"> 
     Used 
    </div> 
    <div class="progress-bar progress-bar-info" style="width: 10%" data-toggle="tooltip" title="Tooltip on left"> 
     Reserved 
    </div> 
</div>

如果我添加工具提示代碼.progress沒有問題，但在.progress-bar提示不顯示。有沒有關於堆疊酒吧的事情，這意味着它不能工作？

任何想法？

感謝

來源

2016-06-13 samiles

你可能忘了初始化它們，只需添加到您的JS：

$('[data-toggle="tooltip"]').tooltip();

或者最終，工具提示本身可以得到堆疊落後於其他的DOM元素，所以一定要加data-container="body"你的數據 - 內嵌屬性*

工作撥弄here

來源

2016-06-13 07:49:14 Yuri

嗯都能跟得上初始化有（抱歉應包括將c ode），它可以在頁面上的任何其他元素上工作 - 而不是堆疊的酒吧。但顯然你的小提琴的作品。也許我有一些流氓CSS或JS影響了一些東西？嗯。我會繼續搜索。至少你已經證明它是可能的，謝謝。 – samiles

謝謝@Yuri，'數據容器'解決了它！我會將此標記爲答案。 – samiles

堆疊進度條上的Bootstrap工具提示

回答

相關問題