本地bootstrap,css,js文件不起作用

时间:2018-04-27 03:21:01

标签: javascript css bootstrap-4

<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

EDIT2
解决了一些丢失的jquery之后就可以了。但是,font-awesome还没有用。

font-awesome output

2 个答案:

答案 0 :(得分:1)

Thire在你的文件夹结构中没有字体文件夹,所以你需要下载字体真棒图标.NET Core 2.0 docs

额外提示:将css和js放在不同的文件夹中,以便在项目变大时帮助您增加

答案 1 :(得分:0)

在浏览器和&#34;网络&#34;中打开控制台选项卡确保您的文件正在加载。

不要忘记将样式保留在页脚和脚本内的脚本中。