Javascript 引导工具提示将我右侧的内容推离

我在表格的第二列添加了工具提示，但它将我的最后一列推离了

$document.readyfunction{ $'[data toggle=tooltip]'。工具提示； }; 名字 姓氏 电子邮件 违约 Defaultson def@somemail.com 成功 雌鹿 john@example.com 引导示例 名字 姓氏 电子邮件 违约 Defaultson def@somemail.com 成功 雌鹿 john@example.com $document.readyfunction{ $'[data toggle=tooltip]'。工具提示； }; 试着这样做：

$document.readyfunction{ $'[data toggle=tooltip]'。工具提示； }; 名字 姓氏 电子邮件 违约 Defaultson

def@somemail.com 成功 母鹿

john@example.com 编辑喜欢

这个。将data toggle=tooltip放入标记中

您可以通过以下方式在HTML中添加data container=body：

$document.readyfunction{ $'[data toggle=tooltip]'。工具提示； }; 名字 姓氏 电子邮件 违约 Defaultson def@somemail.com 成功 雌鹿 john@example.com

---

在某处读取的可能重复：您需要在td内创建一个元素并对其应用工具提示，因为工具提示本身就是一个div，当它放置在td元素之后时，它会停止表格布局。感谢您的回答，但我的工具提示会从td中心显示。我希望它从文本中心显示。感谢您的回答，但我的工具提示会从td中心显示。我希望它从文本中心显示。

    <tbody>
  <tr data-toggle="tooltip">
    <td>Default</td>
    <td  data-placement="top" title="Hooray!">Defaultson</td>
    <td>def@somemail.com</td>
  </tr>      
  <tr class="success" data-toggle="tooltip">
    <td>Success</td>
    <td  data-placement="top" title="Hooray!">Doe</td>
    <td>john@example.com</td>
  </tr>
</tbody>