来自bootstrap的Glyphicons没有显示出来

Question

<div class="container-fluid">
  <div class="sidebar left">
    <div id="app-navigation" class="well">
      <h5>Administration</h5>
      <ul class="administration-list">
        <li class="user"><a href="#user">User</a></li>
        <li class="emails"><a href="#emails">Emails</a></li>
        <li class="settings"><a href="#Settings">Settings</a></li>
        <li class="logs"><a href="#Logs">Logs</a></li>
        <li class="help"><a href="#Help">Help</a></li>
      </ul>
      <h5>Managing tools</h5>
      <ul class="tools-list">
        <li class="ressource"><a href="#Ressources"><i class="icon-home icon-white" </i>Ressources</a></li>
        <li class="playlist"><a href="#Playlist">Playlist</a></li>
        <li class="schedule"><a href="#Schedule">Schedule</a></li>
        <li class="stations"><a href="#Stations">Stations</a></li>
      </ul>
    </div>
  </div>
</div>

我不明白为什么我的图标没有出现.我正在开始一个新项目,并决定尝试 使用bootstrap 初始化.只是不能让那些图标出现.在我的文本之前似乎有一个看不见的图标......我也在这里查看文档.我还检查了我的boostrap.less,sprites.less和variables.less(一切似乎没问题......).

我的变量设置正确,我的图像(PNG)位于我的../img文件夹中.

// Sprite icons path
// -------------------------
@iconSpritePath:          "../img/glyphicons-halflings.png";
@iconWhiteSpritePath:     "../img/glyphicons-halflings-white.png";

Answer 1

文件variables.less位于bootstrap文件夹中,因此您需要一个级别才能获得root权限.

尝试将路径设置为:

@iconSpritePath:          "../../img/glyphicons-halflings.png";
@iconWhiteSpritePath:     "../../img/glyphicons-halflings-white.png";

Answer 2

在最新的 Bootstrap 中，图标包含在新类 glyphicon 中：

<i class="glyphicon glyphicon-heart"></i>

在某些情况下，这可能是问题所在。