web-dev-qa-db-ja.com

bootstrapからのグリフィコンは表示されません

<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 with bootstrap を試してみることにしました。それらのアイコンを表示させることはできません。テキストの直前に非表示のアイコンがあるようです...ドキュメントも確認しました ここ 。また、boostrap.less、sprites.less、variables.less内もチェックしました（すべて問題ないようです...）。

変数が正しく設定され、画像（PNG）が../imgフォルダーにあります。

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

ファイルvariables.lessはbootstrapフォルダーにあるため、ルートに到達するにはもう1つのレベルが必要です。

パスを次のように設定してみてください。

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

最新のBootstrapアイコンは、新しいクラスのグリフィコンに含まれています。

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

場合によっては、それがおそらく問題になるでしょう。

5
Duther

'lib'フォルダーにあるrewrites.phpファイルを開きます。関数内に次の行を追加します'roots_add_rewrites（$ content）'：

    '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;
}
0
Daniel Cook

画像フォルダーをbootstrap in the lessフォルダー...）からコピーする必要がありました。または、変数を変更してroot/imgフォルダーを指すようにすることもできます。

0
fneron