Bootstrap Glyphicons没有在本地显示

Question

我正在尝试加载具有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>

Answer 1

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

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

Answer 2

尝试在bootstrap之前需要jquery库，这就是我所做的，它工作得很好！