I have tried multiple solutions from various questions on Stack Overflow, but I am still struggling to position the arrow tip of the bootstrap popover correctly. html:
<input type = "text" id="account_create"/>
js:
$('.popover').css({
'top': $('#account_create').offset().top + 'px',
'left': $('#account_create').offset().left +'px'
}).fadeIn(300);
The code above aligns the popover with the text field, however, it is not placing the arrow where I want it. It keeps jumping next to the second text field instead of the first one.
How can I achieve aligning the popover and arrow next to the text field (the first one)? Any suggestions or ideas are appreciated!
Thank you!