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庫，這是我所做的，並且效果很好！