Twitter bootstrap 引导工具提示位置错误

我有一个简单的laravel应用程序，我喜欢使用引导工具提示

表:

            <table id="tableSequence" class="table" style="font-size: 12px">
                    <tr style="font-weight: 600">
                            <td data-toggle="tooltip" data-placement="top" title="Tooltip on left">EZ</td>
                            <td>MZ</td>
                            <td>WZ</td>
                            <td>EP</td>
                            <td>MP</td>
                            <td>WP</td>
                            <td>SZ</td>
                            <td>TZ</td>
                            <td>SP</td>
                            <td>TP</td>
                    </tr>

当我使用hoover EZ时，工具提示显示在屏幕的左侧：

---

是否必须添加其他代码才能将工具提示放置在对象的顶部附近？

尝试将数据放置更改为顶部以外的位置。这个问题与您的布局有关。给测试链接。解决这个问题可能更好。

我无法让它与引导一起工作。所以我用

---

现在它工作得很好

您可以在此处查看我针对相同问题的简单解决方案：

---

在我的例子中，问题在于jQueryUI库的存在，因为它处理相同名称的类，这些类最终会弄乱引导程序的工具提示样式和褶皱。我只是需要删除它来解决这个问题。

我的右、左、下数据放置结果都一样。你能分享一下测试链接吗？我得到了一些东西。我认为这很糟糕，但它会起作用。将css添加到此类，并根据需要调整工具提示。ui工具提示{位置：相对！重要；顶部：-1050px！重要；左侧：350px！重要；}此项仅适用于此项。但是如果我将工具提示添加到另一个项目中，那么它将保留在左侧。请删除该代码并将其替换为.ui工具提示{position:absolute！important；}

    $(function(){

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

    });

});