javascript - 本地 Bootstrap 、css、js 文件不起作用

Question

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">

    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

链接在我的元素中工作正常。因为，我一直无法访问互联网，所以我从上面的链接下载文件并将其放入页面所在的文件夹中。但是，他们不像以前那样工作了。我愿意

<script src="jquery-3.3.1.min.js"></script>
<script src="popper.min.js"></script>
<script src="bootstrap.min.js"></script>
<link href="font-awesome.min.css" rel="stylesheet">

编辑我的文件夹结构

auctionDetails.php        carousel.html  delete.html           navbar.html         README.md          signupSuccessful.html
auction.php               carousel.php   font-awesome.min.css  newnavbar.php       search.php         style.css
bootstrap-4.1.0-dist.zip  cart.php       footer.html           popper.min.js       signinnavbar.html  test1.html
bootstrap.min.css         cow.jpeg       insertLike.php        productDetails.css  signIn.php         test.php
bootstrap.min.js          database.php   jquery-3.3.1.js       productDetails.php  signUp.php

编辑2
在解决了一些缺失的 jquery 之后，它就可以工作了。但是，font-awesome 还不起作用。

font-awesome output

Answer 1

您的文件夹结构中没有字体文件夹，因此您需要下载 font awesome 图标形式 here

额外提示:将 css 和 js 放在不同的文件夹中，这在元素变大时对您有很大帮助