Bootstrap/Popover: как выровнять с вводом формы

Question

У меня есть поля ввода, которые вызывают popover при фокусировке (я выбрал «верхнее» размещение).

<div class="form-group has-success"> 
    <label class="control-label" for="formRegister_email">Your e-mail</label> 
    <input name="email" type="email" class="form-control" id="formRegister_email" placeholder="E-mail address" value="" data-toggle="popover" data-content="Please fill in a valid e-mail address" data-trigger="focus" data-placement="top" required="required" data-original-title="" title=""> 
</div> 

Он отлично работает, но мой вклад составляет около 600px в ширину и поповер находится горизонтально по центру с поля формы.

Я хочу, чтобы привести в соответствие с левой границы поля формы. Как я могу сделать?

Спасибо заранее

Answer 1

Хорошо, я нашел решение:

.on('shown.bs.popover', function() { 
    var offset = $(this).offset(); 
    $('.popover').css('left', Math.round(offset.left) + 'px'); 
});