Javascript 页面上所有弹出框的水平对齐

我有一个带有各种输入字段（有时是多列行）的引导表单，它应该在焦点上显示一个popover

基本实现允许我在输入字段旁边显示一个popover。但是我想在窗体旁边显示popover

现在，我根据

数据切换

属性初始化所有弹出窗口

    $('[data-toggle="popover"]').popover({
        'trigger': 'focus'
    });

我已经尝试过为表单创建一个popover并用字段触发它。但是当我用

$（'.popover'）.css（{top:diff}）它总是向后跳转（因为自动重新定位）


要做到这一点，
.popover
已经有了
位置：绝对
，我们只要把它推向左边；但是箭头朝向外边缘，所以我们将箭头反转并将其放置在popover div的左边缘

正在处理下面的代码段：


$（'[data toggle=“popover”]'）。popover({
“触发器”：“焦点”，
});
.popover{
边框：1px纯红；
左：87%！重要；
左边距：10px；
}
/*.popover.arrow{display:none；}*/
.bs popover自动[x-placement^=左]>。箭头，
.bs popover左>.arrow{
右：0；
左：-9px；
变换：旋转（180度）；
}

自定义放置弹出框的表单
用户名：
密码：
提交
要做到这一点，
.popover
已经有了
位置：绝对
，我们只要把它推向左边；但是箭头朝向外边缘，所以我们将箭头反转并将其放置在popover div的左边缘

正在处理下面的代码段：


$（'[data toggle=“popover”]'）。popover({
“触发器”：“焦点”，
});
.popover{
边框：1px纯红；
左：87%！重要；
左边距：10px；
}
/*.popover.arrow{display:none；}*/
.bs popover自动[x-placement^=左]>。箭头，
.bs popover左>.arrow{
右：0；
左：-9px；
变换：旋转（180度）；
}

自定义放置弹出框的表单
用户名：
密码：
提交
如果一行中有两个字段，则您的示例不会显示该行的任何popover。我的行看起来像>
如果我在一行中有两个字段，那么您的示例不会显示该行的任何popover。我的行看起来像>