基础6工具提示位置问题

Question

问题是工具提示位于错误的位置 - 在最左侧。因此，例如当我使用位于屏幕右侧的工具提示悬停元素时，它将在远离悬停元素的左侧显示工具提示。到目前为止，我无法找到有关该主题的任何有用信息。尝试了不同的选项，但所有工具提示都显示在左侧。从官方基础页面复制的工具提示代码

<button class="button has-tip" type="button" data-tooltip aria-haspopup="true" 
data-disable-hover="false" tabindex="1" data-position="top"
title="Fancy word for a beetle." data-alignment="center">
      Top Center
</button>

Answer 1

您使用的是什么版本的Foundation？这是使用Foundation 6.4.1的HTML的jsfiddle，它工作正常。我唯一改变的是在按钮上添加一个边距，以允许工具提示位于顶部。 https://jsfiddle.net/genestd/svygwghz/

<div>
  <button class="button has-tip center" type="button" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="1" data-position="top" title="Fancy word for a beetle." data-alignment="center">
  Top Center
  </button>
</div>

.center{
  margin: 100px;
}