8 
<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 内もチェックしました (すべて問題ないようです...)。

変数は正しく設定されており、画像 (PNG) は ../img フォルダーにあります。

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

4 に答える 4

14

ファイル variables.less はブートストラップ フォルダーにあるため、ルートに到達するにはもう 1 レベル必要です。

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

@iconSpritePath:          "../../img/glyphicons-halflings.png";
@iconWhiteSpritePath:     "../../img/glyphicons-halflings-white.png";
于 2012-07-12T21:50:01.560 に答える
5

最新の Bootstrap アイコンには、新しいクラス glyphicon が含まれています。

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

場合によっては、それが問題になる可能性があります。

于 2013-09-26T16:35:27.027 に答える
0

ブートストラップから img フォルダーを less フォルダーにコピーする必要がありました... または、変数を変更して root/img フォルダーを指すようにすることもできます。

于 2012-07-12T21:46:42.833 に答える
0

「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;
}
于 2013-08-23T15:08:12.867 に答える