html - Bootstrap Glyphicons 不会显示,除非所有文件都在根目录中

标签 html css twitter-bootstrap

通过以下与 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 >>> :

enter image description here

我得到的是:

enter image description here


然而,在将 HTML 文件移动到根目录后,一切都完美无缺,因此我在元素根目录中拥有 HTML 和 Bootstrap 。链接更改为:

<!-- 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 文件移动到根目录的情况下使它全部工作?

最佳答案

root path是您网站的顶级路径。它没有父文件夹。您可以转到 //index.hmtl,但是,/../foo

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

但是就网站而言,根之上没有任何东西。因此,不在文档根目录下的目录完全超出了网站的范围。

关于html - Bootstrap Glyphicons 不会显示,除非所有文件都在根目录中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33699869/

相关文章:

javascript - 在导航栏中移动按钮,最佳做法?

html - 为什么我只能内嵌这个元素的样式?在 styles.css 中设置它的样式不会做任何事情

css - 在 div 中以绝对位置居中两个容器

html - 使用 CSS/Angular 动画选项卡内容

css - 如何将自定义 css 与 bootstrap css 一起使用

html - FontAwesome 图标不显示

html - 字体大小与字符实际在屏幕上占据多少像素之间的关系是什么?

html - CSS:如何水平居中和垂直居中对齐文本内容?

twitter-bootstrap - 水平滚动导航栏 Bootstrap

javascript - 鼠标悬停在菜单项事件处理上的 Bootstrap 下拉菜单停止下拉菜单关闭