Javascript 如何调整引导的位置'；特定元素的工具提示？

我这里有这些按钮/锚，还有一个引导工具提示：

<a id="btn1" class="mybutton" data-container="body" data-toggle="tooltip" data-placement="right" title="my tooltip">
    Hover Me To Display Tooltip
</a>

<a id="btn2" class="mybutton" data-container="body" data-toggle="tooltip" data-placement="right" title="my tooltip">
    Hover Me To Display Tooltip
</a>

它将非常好地工作，在右侧显示工具提示

但是，我如何使用CSS更改仅按钮1的工具提示的位置，以便将其进一步向右移动？不移动按钮2的工具提示？

查看for

工具提示。可以执行以下操作来更改工具提示的位置：

$（“#btn1”）。工具提示（{position:{my:{left+15 center]，at:“right center”}）

#btn1
选择器按id选择，并且仅与第一个按钮匹配

您可以找到位置对象含义的详细信息

编辑：

这是一本书。您可以更改这些值并查看其工作原理。
将
数据放置=“right”
数据属性应用于要更改toolip位置的元素

您还可以设置<代码>顶部
，
左侧
，
右侧
，
底部
，
自动

如果您想了解更多关于工具提示的信息。检查Bootstrap4，因为它使用“transform:translate3d”来定位提示，所以CSS中应该使用left&top来调整提示的位置。例如，要将倾斜向下移动10px和向右移动10px：


.tooltip类{
左：10px；
顶部：10px；
}
我没有得到这个部分{position:{my:“left+15 center”，at:“right center”}@Twish添加了另一个链接。我尝试将left+15更改为bottom+15，但没有更改位置：（好吧，这已经是wokring了，但我使用bootstrap.css和bootstrap.js作为外部源？而且它似乎不起作用：OJust需要澄清：这个问题要求定位“引导工具提示”。答案使用“JqueryUI工具提示”。两者都是完全不同的实现。我知道这一点，但我想做的是将其进一步移动。是的，您可以覆盖右侧工具的css。这将影响右侧的所有工具提示，按此操作->
.tooltip.right{-moz transform:translateX（50px）；-ms transform:translateX（50px）；-o-transform:translateX（50px）；-webkit-transform:translateX（50px）；transform:translateX（50px）；}
@Twish
$(document).ready(function(){
    $(".mybutton").tooltip();
});