Bootstrap 弹出窗口不适用于下载的 js 和 css

Question

我在 Django 应用程序中使用 popover 时遇到一些奇怪的问题。当使用 css 和 最新版本 的 bootstrap 的 js 时，它根本不起作用。当我使用 link 到 3.4.1 版本时，我发现在一些教程中一切正常。我附上了无效的代码和有效的代码。
最新的 bootstrap 中是否删除了 popover 功能？

作品 (3.5.1)：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<a href="#" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>

<script>
    $(document).ready(function(){
        $('[data-toggle="popover"]').popover();
    });
</script>

不起作用 (4.5.x):

<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
<script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>

<a href="#" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>

<script>
    $(document).ready(function(){
        $('[data-toggle="popover"]').popover();
    });
</script>

Answer 1

你错过了popper.js.
请注意，bootstrap bundle js 包含 popper.js 库。尝试从 CDN 而不是 bootstrap.js.
加载这个 需要订单：

1. Jquery
2. 波普尔
3. Bootstrap