Javascript 如何使全宽度引导工具提示居中

我的网页上有多个

工具提示

，它们很长，因此我将工具提示宽度设置为80%，而不是默认的

200px

。这很好，但是工具提示不在左侧，而在右侧有很大的间隙。我尝试在tooltip div的左侧添加边距，但没有成功，我还尝试用容器包装tooltip div（在jquery中） html:

---

但这也不起作用。有没有人幸运地将工具提示移到中央而不是刷新到屏幕左侧？

你的引导版本是什么？我正在使用引导3@user2596635你能更详细地分享你的期望吗？到目前为止，工具提示在鼠标位置正确显示。也许你可以把你真正的HTML和代码的其余部分放在一起？这是我真正的HTML，除了工具提示标题是一个段落。现在工具提示完全向左刷新，我希望它像.container div中的内容一样位于页面中心，仅此而已。您的引导版本是什么？我正在使用引导3@user2596635你能更详细地分享你的期望吗？到目前为止，工具提示在鼠标位置正确显示。也许你可以把你真正的HTML和代码的其余部分放在一起？这是我真正的HTML，除了工具提示标题是一个段落。现在工具提示完全向左刷新，我希望它像.container div中的内容一样位于页面中心，仅此而已。

 <a href="#" style="color:#6D6E71;" data-toggle="tooltip" title="tooltip text">hover over me</a>

 <script>
    $(document).ready(function(){  
        $('div.tooltip').wrap('<div class="container"></div>');
    });
    </script>

.tooltip-inner {
    max-width: 100%!important;
    /* If max-width does not work, try using width instead */
    width: 80%!important; 
    font-size: 14px;
    line-height: 24px;
    padding: 10px;
    left: 15%!important;
    display: inline-block!important;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -15px;
}