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會將容器移動一半寬度的容器）。