Bootstrap 3 Toolstips <th>中斷佈局

Question

我以這種方式將工具提示添加到元素，但出現工具提示時，會打破錶格佈局。

<th data-toggle="tooltip" data-placement="top" title="title">Heading</th> 
... 
<script type="text/javascript"> 
$(function() { $("[data-toggle='tooltip']").tooltip(); }); 
</script> 

我發現這個解決方案https://github.com/angular-ui/bootstrap/issues/580，但它不與引導3.

什麼是做正確的方式幫助？

Answer 1

與提示環繞你的標題在span：

<th> 
    <span data-toggle="tooltip" data-placement="top" title="title">Heading</span> 
</th> 

這裏是工作示例：http://jsfiddle.net/DTcHh/5501/