Bootstrap 3工具提示没有正确定位

Question

我有一个动态生成的Minecraft网络版主列表，其中包含为生成的每个头部生成的工具提示，显示他们在悬停时的用户名。该功能起作用，工具提示生成并在其中具有正确的用户名，但是，该位置是错误的。当我向下移动时，它向左移动并分开。这里刚刚发生的GIF：

我根本不知道该怎么在这种情况下做的。

Answer 1

那么该插件似乎正常工作（如果名称没问题），我想这可能是一个CSS问题。也许工具提示的某些部分会以某种方式获得一些保证金。尝试通过右键单击来检查它们，看看它们是否具有除默认值之外的其他任何样式属性。 无论如何，如果你可以发布一些代码，那会更容易。

Answer 2

似乎这个页面已经改变，因为你问这个问题，但我敢打赌这是一个CSS问题。您可能需要将工具提示框相对于其父项居中。这里有一些可能会有所帮助的（不受限制的）代码。我只包含这会影响定心工具提示容器的属性：

.parent { 
    position: relative; 
} 

.tooltip-container { 
    position: absolute; 
    left: 50%; 
    width: 100px; 
    margin-left: -50px; 
} 

注意，你必须设置在tooltip-container的宽度。 margin-left是宽度的1/2和负数（可见left: 50%将使容器的左边缘位于父级的中心，而负面的margin-left会将容器移动一半宽度的容器）。