来自bootstrap的Glyphic没有出现 [英] Glyphicons from bootstrap doesn't show up

问题描述

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

我不明白为什么我的图标不显示。我正在开始一个新项目，并决定尝试 initializr 与 bootstrap 。只是不能让这些图标出现。在我的文字之前似乎有一个不可见的图标...我也检查了文档，这里。我还检查了我的boostrap.less，sprites.less和variables.less（一切似乎好了...）。

I don't understand why my icon doesn't show up. I'm starting a new project and decided to try out initializr with bootstrap. Just can't make those icon appear. It's seems there's an invisible icon just before my text... I have check the documentation too, here. I also checked within my boostrap.less, sprites.less and variables.less (everything seems okay...).

我的变量已正确设置，我的图像（PNG ）在我的../img文件夹中。

My variable are correctly set and my image (PNG) are in my ../img folder.

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

推荐答案

文件variables.less位于bootstrap文件夹，

The file variables.less is at the bootstrap folder, so you need one more level to get to root.

尝试设置路径：

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

这篇关于来自bootstrap的Glyphic没有出现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！