Bootstrap / Popover：如何与表单输入对齐

Question

我有输入字段，在聚焦时触发弹出窗口（我选择了＆＃34;顶部＆＃34;放置）。

<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，而popover则以表格字段为中心。

我希望它与表单字段的左边框对齐。我该怎么办？

提前谢谢

Answer 1

好的，我找到了解决方案：

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