首页 > 解决方案 > 即使调用了所有必需的文件,Bootstrap 也无法工作

问题描述

我已经完成了所有事情,我下载了引导程序并下载了 jquery 并将 css 链接到我的 html 这是我的代码,但下拉菜单不起作用

<!DOCTYPE html>
<html>
<head>
    <title>Drop Down</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="dropdown">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Drop down</button>
    <div class="dropdown-menu">
        <a href="#" class="dropdown-item">First item</a>
        <a href="#" class="dropdown-item">Second item</a>
        <a href="#" class="dropdown-item">Last item</a>
    </div>
</div>
</body>
</html>

我已经在这里上传了文件http://s000.tinyupload.com/?file_id=02136226215566363704 以便大家看到并告诉我出了什么问题

标签: bootstrap-4

解决方案


这是因为尽管您已经正确添加了依赖项,但引导程序需要另一个库调用 popper.js 这是您的代码的错误

在此处输入图像描述

甚至在引导文档安装指南中也提到了这一点

在此处输入图像描述

要解决此问题,请通过下载或使用 cdn 链接添加 ppoer.js 依赖项添加如下 在此处输入图像描述


推荐阅读