javascript - bootstrap.min.css 和 bootstrap.min.js 的 404 错误

Question

我正在构建一个网站并尝试使用 Bootstrap，但是我无法成功调用 bootstrap.min.css 和 bootstrap.min.js。

我将 Bootstrap 解压缩到我的 htdocs 文件夹中一个名为“Bootstrap”的新文件夹中。在我的 Bootstrap 文件夹中，我创建了一个新文件夹来存放我的网站代码，因为就组织而言，这会容易得多。我还在我的 .html 文件中指定在 htdocs 的以下文件路径中查找“bootstrap.min.css”和“bootstrap.min.js”:

文件夹结构:

• 包含 css、字体、js、myWebsite 子文件夹和 test.html 的 Bootsrtap 文件夹。

• 带有 test.html 的 myWebsite 文件夹

HTML(这是我的“myWebsite”文件夹中的 test.html 文件):

<!-- Bootstrap -->
<link href="Bootstrap/css/bootstrap.min.css" rel="stylesheet">

和

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="Bootstrap/js/bootstrap.min.js"></script>

我尝试从 Bootstrap 的 website 运行示例代码并且我收到了这两个文件的 404 错误。

由于创建一个新文件夹然后指定 href 不起作用，我尝试将 Bootstrap 网站上的示例代码直接放入我的“Bootstrap”文件夹中，当我这样做时它工作得很好。

HTML(这是“Bootstrap”文件夹中的 test.html):

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">

和

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>

我认为我指定的文件路径有问题，但在处理了一天的前半天后我一直无法让它工作。我真正想知道的是如何在保持当前文件夹结构的同时正确调用“bootstrap.min.css”和“bootstrap.min.js”文件？任何帮助/建议将不胜感激。

谢谢

Answer 1

文件的路径是相对于您的 html 文件的。对于位于 Bootstrap 目录中的 test.html，您可以通过指向 css/bootstrap.min.js 和 js/bootstrap.min.js< 来访问它们。对于位于 Bootstrap/myWebsite 目录中的 test.html，您可以通过指向 ../css/bootstrap.min.js 和 ../js/bootstrap.min.js 来访问它们。 "../" 将向上遍历一个目录到当前目录的父级。