Bootstrap 4 有人能给我的引导弹出问题的解决方案吗？

我正在尝试用Bootstrap4制作一个电子商务网页。我想让我的产品图像显示一个带有引导弹出窗口描述的弹出窗口。但它不会显示。我甚至删除了我所有的代码，并尝试从引导中使用初学者模板，但仍然不起作用

这是我的popover代码：

<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>

单击以切换弹出窗口

这是我的js：

<script type="text/javascript">
$(function () {
    $('.example-popover').popover({
        container: 'body'
    })
})
</script>

$（函数（）{
$（'.example popover'）.popover({
容器：“主体”
})
})

在您的按钮中添加

示例popover

类名它将起作用

$（'.example-popover'）.popover({
容器：“主体”
})

单击以切换popover