小编Jas*_*son的帖子

我正在使用bootstrap 3.3工具提示,并且工具提示被裁剪/隐藏存在问题.我通过设置解决了这个data-container="body".

<!--...-->
<span class="callOutImg">
  <a href="#" data-toggle="tooltip" data-container="body" data-placement="top" class="optionTooltip" title="Hello my name is Inigo Montoya">
    <img src='/images/info-bubble-big.png' />
  </a>
</span>
<!--...-->

使用这些效果我的所有工具提示 - 这不是我想要的.

但是,我想在.tooltip-inner上设置一个特定的样式,仅用于页面上的工具提示的子集.现在包含这些工具提示,body因此范围或多或少是全局的.

我只能使用以下方法访问.tooltip-inner:

body .tooltip-inner {
  background-color: #40a0d0;
}

要么

.tooltip-inner {
  background-color: #40a0d0;
}

我该如何设置不同的data-container？(我尝试过类和id)或者有人可以建议一种限制.tooltip-inner选择范围的方法吗？