引导工具提示错误位置

Question

我有一个简单的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>

JS

    $(function(){

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

    });

});

当我挂起EZ时，工具提示显示在屏幕的左侧：

​

​

我是否需要添加额外的代码来将工具提示放置在对象附近？

Answer 1

我无法让它和引导一起工作。为此，我使用了托尔蒂普斯特，现在它正在完美地工作！

Answer 2

尝试将data-placement更改为top以外的其他。这个问题与你的布局有关。给出测试链接。解决这个问题会更好。

Answer 3

您可以在这里检查我的简单解决方案中的相同问题：

https://stackoverflow.com/a/60172398/2176096