Bootstrap Glyphicons不在本地显示

Question

我正在尝试加载具有Glyphicon的Bootstrap按钮，但是该图标不会显示。 该按钮会选择除图标之外的所有附加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>

<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 fonts/ ../fonts/xxxx 。 因此，如果您在根目录中有Bootstrap文件，则该文件将无效。 将您的Bootstrap文件移动到它们自己的目录中，以便您的结构如下所示：

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

Answer 2

尝试在引导之前要求jquery库，这是我所做的，并且效果很好！