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/