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”：

文件夹结构：

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

• 包含 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网站运行示例代码，但这两个文件都 出现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 文件的。对于test.html位于 Bootstrap 目录中的位置，您可以通过指向css/bootstrap.min.js和来访问它们js/bootstrap.min.js。对于位于 Bootstrap/myWebsite 目录中的 test.html，您可以通过指向../css/bootstrap.min.js和 来访问它们../js/bootstrap.min.js。将会"../"向上遍历一个目录到当前目录的父目录。