如何定位引導彈出窗口旁邊的文本字段的提示箭頭 - CSS/Jquery

Question

我試圖從堆棧溢出發佈的其他問題的各種答案，但還沒有找到任何運氣，但定位的提示箭頭bootstrap popover。 HTML：

<input type = "text" id="account_create"/> 

JS：

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

與文本字段內聯酥料餅的上面的代碼。然而，這是即時得到什麼：

理想的情況下，我會要對齊的酥料餅和旁邊的文本字段（第一個）的箭頭，但它通常會持續未來跳到第二個文本字段。

任何想法，建議如何實現？

謝謝〜

Answer 1

只需簡單地在同一div兩個輸入字段和酥料餅，並給予相對該div位置和酥料餅的位置絕對那麼也許這是因爲它似乎只留下0

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

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