Bootstrap4的popover在Safari中失效的问题。

bootstrap中的弹出框

弹出框控件类似于提示框，它在鼠标点击到元素后显示，与提示框不同的是它可以显示更多的内容。

    <a href="#" data-toggle="popover" title="弹出框标题" data-content="弹出框内容">多次点我</a>

这是常规用法，如果想要「在弹出框出现之后点击其他空白的地方关闭弹出框」，则加上data-trigger="focus"属性。
但是问题是加上这个属性之后在Safari端呼不出的弹出框，而Chrome一切正常。
查阅资料之后发现只需要加上tabindex="0"属性即可。

参考：stackoverflow