Javascript 为什么工具提示自动放置无法正常工作？

我正在使用Bootstrap的插件，但在使

data placement=“auto bottom”

正常工作时遇到了问题。不过，使用

data placement=“bottom”

仍能正常工作。以下是我的元素的外观：

<button class="tooltip-icon btn-icon tooltip-trigger" title="Enter Address" data-placement="auto bottom">
  <svg class="icon help">
    <use xlink:href="#help"/>
  </svg>
</button>

下面是我初始化的方式：

$（'.tooltip trigger'）.tooltip（）

为什么自动放置没有按预期工作？
当指定“自动”时，它将动态地重新定向工具提示。例如，如果放置为“自动底部”，则工具提示将尽可能显示在底部，否则将显示在顶部。
似乎“自动底部”在bootstrap v3.2.0中可以正常工作，但在最新版本中无法正常工作：@Chitrang感谢您的发现。我试过使用v3.2.0（），但它仍然不能正常工作。。您可以为您的代码共享JSFIDLE吗？在上面的链接中，他们给出了它在哪里工作良好。@Chitrang我用这个代码笔试过了：它在代码笔中工作良好，但在我的网站上没有。我正在以同样的方式初始化，但在我的站点上，placement auto功能不起作用。我在这两个区域使用相同的tooltip.js文件。有什么想法吗？不知道。那不是真的。引用文档中的话：“如何定位工具提示-顶部|底部|左侧|右侧|自动。当指定“自动”时，它将动态地重新定位工具提示。例如，如果放置位置为“自动左侧”，工具提示将在可能的情况下显示为左侧，否则将显示为右侧。”来源：你是对的。谢谢你纠正我。很抱歉回答错误。根据文档，当指定“自动”时，它将动态重新定向工具提示。例如，如果“放置”为“自动向左”，则工具提示将尽可能显示在左侧，否则将显示在右侧。
  Tooltip.DEFAULTS = {
    animation: true,
    placement: 'auto bottom',
    selector: false,
    template: '<div class="bootstrap-tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
    trigger: 'hover focus',
    title: '',
    delay: 0,
    html: false,
    container: false,
    viewport: {
      selector: 'body',
      padding: 0
    }
  }