有人可以在这里解决我的 bootstrap 弹出窗口问题吗？

Question

我正在尝试使用 bootstrap 制作一个电子商务网页 4. 我想让我的产品图片显示一个带有 bootstrap 弹出窗口的描述弹出窗口。但它不会显示。我什至删除了我所有的代码并尝试使用 bootstrap 中的入门模板，但仍然没有用。

这是我的弹出代码：

<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>

Answer 1

在您的按钮中添加 example-popover class 名称即可

 $('.example-popover').popover({
        container: 'body'
    })

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  
  <button type="button" class="btn btn-lg btn-danger example-popover" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>

有人可以在这里解决我的 bootstrap 弹出窗口问题吗？

can somebody give solution to my bootstrap popover problem here?

bootstrap-popover

bootstrap-4