代码之家 › 专栏 › 技术社区 › Alexis Romot

引导/弹出:如何与表单输入对齐

bootstrap-popover frontend twitter-bootstrap-3

0

Alexis Romot · 技术社区 · 11 年前

我有一些输入字段,在集中注意力时会触发弹出窗口(我选择了“顶部”位置)。

<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,弹出窗口与表单字段水平居中。

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

提前谢谢你

1 回复 | 直到 11 年前

1

0

Alexis Romot 11 年前

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

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

推荐文章

Thiago Martins · Ng模板引导svg内的popover

8 年前

Janssonn · 允许将鼠标悬停在工具提示/弹出框上

8 年前

Naveen · 使用jquery的引导式弹出链接

8 年前

jengfad · 手动隐藏ng2引导弹出

9 年前

Alexis Romot · 引导/弹出:如何与表单输入对齐

11 年前