2012-07-12 93 views
6
<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> 

我不明白爲什麼我的圖標不顯示。我正在開始一個新項目,並決定嘗試initializrbootstrap。只是不能讓這些圖標出現。似乎在我的文本前面有一個隱形圖標...我也檢查了文檔,here。我也檢查了我的boostrap.less,sprites.less和variables.less(一切似乎都沒關係......)。自舉圖形不顯示

我的變量被正確設置,我的圖像(PNG)在我的../img文件夾中。

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

檢查您的資產文件夾以查看您的圖標圖像是否存在。 – abhshkdz 2012-07-12 21:09:28

+0

他們在那裏... – fneron 2012-07-12 21:30:57

+0

你是否嘗試將'../img/'改爲'/ img /'?它看起來像你的img文件夾不與css文件夾配對。 – 2012-07-12 21:35:27

回答

14

文件variables.less位於引導文件夾,因此您需要一個更高級別才能獲得root權限。

嘗試設置路徑:

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

是。看看我的回答;) – fneron 2012-07-12 21:56:12

+0

哦,很好,你有它:) – 2012-07-13 00:43:13

+0

我不明白他們爲什麼沒有把它/或設置正確的價值與他們的基礎設施...... – fneron 2012-07-13 01:02:42

0

我不得不在img文件夾從引導在欠文件夾複製...或者你可以改變變量指向根/ IMG文件夾。

0

打開rewrites.php文件中的 'LIB' 文件夾。功能中添加以下行「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; 
} 
+0

對PHP用戶來說可能不錯,但是有沒有跡象表明這個問題與PHP有什麼關係? – 2015-06-26 18:02:39

4

在最新的引導程序圖標都包含在新的類glyphicon :

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

在某些情況下可能會出現問題。