基础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

复制？这里是你的HTML使用基础6.4.1 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; 
}