Bootstrap 4 引导4数据触发器='；焦点'；不在div上工作

尽管p-3级不起作用，但第一个div popover工作正常

按钮上带有data trigger='focus'的第二个弹出框按预期工作

第三个popover，同样是在数据触发器为class='focus'的div上，似乎不起作用

h2{
保证金底部：100px！重要；
边框：实心2倍绿色；
}
按钮{
保证金底部：20px！重要；
显示：内联块；
}

引导示例
爆米花示例
切换popover div


切换popover div


切换popover div


切换popover div
$（文档）.ready（函数（）{
$（'[data toggle=“popover”]'）。popover（）；
});

页面上有2个H3。您的样式将应用于这两种样式，如绿色边框所示。popover内的边距将影响高度。

看起来您无法将焦点放在div上。如果我们将触发器更改为悬停，它将按预期工作。

谢谢，我发现了这一点，但发现了其他问题。请参阅更新的代码段。