除非所有文件都在根目录中，否则Bootstrap Glyphicons不会显示

Question

通过以下与CSS / JS的链接，我能够成功选择除Glyphicons之外的所有CSS。

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="../bootstrap-3.3.5-dist/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="../bootstrap-3.3.5-dist/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="../bootstrap-3.3.5-dist/bootstrap.min.js"></script>

项目文件夹结构：

-- bootstrap-3.3.5-dist
-- myProjectFolder -- index.html
                   -- aboutUs.html
                   -- ...html
                   -- ...html

What I want >>>：

我得到了什么：

然而，在将HTML文件移动到根目录之后，它完全正常工作，因此我在项目根目录上有HTML和引导程序。链接更改为：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href=".bootstrap-3.3.5-dist/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>

项目文件夹结构现在变为：

-- bootstrap-3.3.5-dist
-- index.html
-- aboutUs.html
-- ...html
-- ...html

为什么会如此，是否有办法在不将HTML文件移动到根目录的情况下使其全部工作？

Answer 1

root path是您网站的首选路径。它没有父文件夹。您可以转到/或/index.hmtl，但/../foo。

document root将您网站的根路径映射到文件系统的目录。在您的文件系统上，文档根目录可能不是文件系统根目录，并且具有父目录。

然而，就网站而言，根本没有任何内容。因此，不在文档根目录下的目录只是在网站范围之外。