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

Question

我有一些输入字段，在获得焦点时会触发弹出窗口（我选择了 "top" 位置）。

<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>

它工作正常，但我的输入宽度约为 600 像素，并且弹出窗口与表单字段水平居中。

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

提前致谢

Answer 1

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

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

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

Bootstrap / Popover : how to align with a form input

frontend

twitter-bootstrap-3

bootstrap-popover