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

时间:2015-08-23 07:53:53

标签: twitter-bootstrap-3 frontend bootstrap-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,而popover则以表格字段为中心。

enter image description here

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

提前谢谢

1 个答案:

答案 0 :(得分:0)

好的,我找到了解决方案:

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