引导程序中的字形不显示

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

我不明白为什么我的图标不显示。我正在开始一个新项目并决定尝试一下初始化 http://www.initializr.com/ with 引导程序 http://twitter.github.com/bootstrap/。只是无法让这些图标出现。我的文字前面似乎有一个看不见的图标...我也检查了文档，here http://twitter.github.com/bootstrap/base-css.html。我还检查了我的 bootstrap.less、sprites.less 和variables.less（一切看起来都很好......）。

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

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

文件variables.less位于引导文件夹中，因此您还需要一级才能进入根目录。

尝试将路径设置为：

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