尽管已初始化，Bootstrap popover 仍无法正常工作（脚本标签问题？）

Question

我正在尝试将引导程序弹出窗口添加到我的 web 应用程序上的按钮，但由于某种原因它们没有显示。

我在 Django 模板中的 .js 脚本中启动弹出窗口：

$('[data-toggle="popover"]').popover();

我尝试了各种类似的实现，但没有任何成功。

尽管使用了在小提琴中工作的代码，但我无法在我的应用程序中重新创建效果。我假设这是脚本标签的问题，但在某些解决方案中尝试相同的标签也无济于事。是否存在冲突或我缺少一些标签？

这是我的脚本标签：

    <!-- Bootstrap CSS -->

    <link href="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js">

    <link href="../static/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">

    <!-- Fonts-->

    <link href="https://fonts.googleapis.com/css?family=Open+Sans|Prosto+One&display=swap" rel="stylesheet">

    <!-- Theme style  -->

    <link rel="stylesheet" href="../static/bootstrap/css/style.css">

    <!--star ratings-->

    <link rel="stylesheet" href="{% static 'star-ratings/css/star-ratings.css' %}">

    <script type="text/javascript" src="{% static 'star-ratings/js/dist/star-ratings.min.js' %}"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

    <!-- Latest compiled and minified JavaScript -->

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>