从引导Glyphicons不显示(Glyphicons from bootstrap doesn&#

2019-07-30 09:36发布

<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与引导 。 总不能让这些图标出现。 它似乎还有只是我的文字前一种无形的图标...我有检查的文件也是如此, 在这里 。 我也有我的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是在引导文件夹,所以你需要一个多层次去根。

尝试将路径设置为:

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


Answer 2:

在最新的引导图标都包含在新的类glyphicon:

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

在某些情况下,这可能会成为问题。



Answer 3:

我不得不在img文件夹从引导在欠文件夹复制...或者你可以改变变量指向根/ IMG文件夹。



Answer 4:

在“LIB”文件夹中打开rewrites.php文件。 功能“roots_add_rewrites($内容)”中添加以下行:

    'assets/fonts/(.*)'    => THEME_PATH . '/assets/fonts/$1',

该功能应该是这样的:

function roots_add_rewrites($content) {
  global $wp_rewrite;
  $roots_new_non_wp_rules = array(
    'assets/css/(.*)'      => THEME_PATH . '/assets/css/$1',
    'assets/js/(.*)'       => THEME_PATH . '/assets/js/$1',
    'assets/img/(.*)'      => THEME_PATH . '/assets/img/$1',
    'assets/fonts/(.*)'    => THEME_PATH . '/assets/fonts/$1',
    'plugins/(.*)'         => RELATIVE_PLUGIN_PATH . '/$1'
  );
  $wp_rewrite->non_wp_rules = array_merge($wp_rewrite->non_wp_rules, $roots_new_non_wp_rules);
  return $content;
}


文章来源: Glyphicons from bootstrap doesn't show up