Bootstrap Glyphicons 未在本地显示答案

【问题标题】：Bootstrap Glyphicons not showing locallyBootstrap Glyphicons 未在本地显示
【发布时间】：2015-11-14 02:37:30
【问题描述】：

我正在尝试加载具有 Glyphicon 的 Bootstrap 按钮，但该图标不会显示。该按钮会选择除图标之外的所有其他 CSS。我的方法有什么错误吗？

What I want >>>:

我得到的却是：

<!-- 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>

<div class="btn-toolbar" role="toolbar">
    <div class="btn-group">
        <button type="button" class="btn btn-default" aria-label="Left Align"><span class="glyphicon glyphicon-align-left" aria-hidden="true"></span></button>
        <button type="button" class="btn btn-default" aria-label="Center Align"><span class="glyphicon glyphicon-align-center" aria-hidden="true"></span></button>
        <button type="button" class="btn btn-default" aria-label="Right Align"><span class="glyphicon glyphicon-align-right" aria-hidden="true"></span></button>
        <button type="button" class="btn btn-default" aria-label="Justify"><span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span></button>
    </div>
</div>

【问题讨论】：

您在此处显示的内容没有任何问题。您确定这些文件路径正确吗？您在浏览器控制台中看到任何错误吗？
@DavidG 是的。如果它们错了，我认为 CSS 不会正确链接？或者他们会？
你有什么错误吗？
另外，当您使用 Bootstrap 的本地副本时，您是否也在本地也获得了 Glyphicon 字体？
是的。我在当地有。在字体文件夹内

标签： html css twitter-bootstrap

【解决方案1】：

您的文件夹结构配置错误，因为 Boostrap 期望字体文件先存在于一个文件夹中，然后再存在于一个名为 fonts 的文件夹中，例如：../fonts/xxxx。因此，如果您在根目录中有 Bootstrap 文件，那将无法正常工作。将您的 Bootstrap 文件移动到它们自己的目录中，使您的结构看起来像这样：

root
  ----bootstrap
    ----bootstrap.css
    ----bootstrap.js
  --fonts
    --glyphicons.*

【讨论】：

我通过将 HTML 移动到根目录使其工作。请查看我的更新。我还有一个小问题。感谢您迄今为止的回复。
一旦提出问题，您将无法更改。

【解决方案2】：

尝试在引导之前要求 jquery 库，我所做的并且工作正常！

【讨论】：

这是一个纯粹的样式问题，添加 jQuery 不会解决它。