Javascript 如何将引导弹出窗口的提示箭头定位到文本字段旁边-CSS/Jquery

我尝试了stack overflow上发布的其他问题的各种答案，但在定位引导弹出窗口的提示箭头方面还没有找到任何运气。 html:

上面的代码用于将popover与文本字段内联。然而，这是我得到的：

理想情况下，我希望将弹出框和文本字段（第一个）旁边的箭头对齐，但它总是在第二个文本字段旁边跳跃

关于如何实现这一点，有什么想法和建议吗

---

谢谢~

只需将输入字段和popover放在同一个div中，并给出div相对位置和popover绝对位置，然后左0

<div class="parent">
    <input>
    <div class="popover"></div>
</div> 

.parent { 
    position: relative:
}
.popover {
    position: absolute;
    left: 0;
}

.parent{
职位：相对：
}
波弗先生{
位置：绝对位置；
左：0；
}

它可能只是在跳跃吗？输入和弹出框的上边框已正确对齐。

$('.popover').css({
       'top': $('#account_create').offset().top + 'px',
       'left': $('#account_create').offset().left +'px'
  }).fadeIn(300);

<div class="parent">
    <input>
    <div class="popover"></div>
</div> 

.parent { 
    position: relative:
}
.popover {
    position: absolute;
    left: 0;
}