बूटस्ट्रैप से ग्लाइफिकॉन

Question

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

मुझे नहीं पता कि मेरा आइकन क्यों दिखाई नहीं दे रहा है। मैं एक नई परियोजना शुरू कर रहा हूं और bootstrap के साथ initializr को आजमाने का निर्णय लिया। बस उन आइकन को प्रकट नहीं कर सकते हैं। ऐसा लगता है कि मेरे पाठ से ठीक पहले एक अदृश्य आइकन है ... मैंने प्रलेखन भी जांच लिया है, here। मैंने अपने बूस्ट्रैप के भीतर भी चेक किया .लेस, sprites.less और variables.less (सबकुछ ठीक लगता है ...)।

मेरा चर सही ढंग से सेट है और मेरी छवि (पीएनजी) मेरे ../img फ़ोल्डर में हैं।

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

Answer 1

फ़ाइल variables.less बूटस्ट्रैप फ़ोल्डर पर है, इसलिए आपको रूट प्राप्त करने के लिए एक और स्तर की आवश्यकता है। 'Lib' फ़ोल्डर में

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

Answer 2

मैं कम फ़ोल्डर में बूटस्ट्रैप से img फ़ोल्डर की प्रतिलिपि करने के लिए किया था ... या आप रूट/img फ़ोल्डर को इंगित करने के चर बदल सकता है।

Answer 3

ओपन 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; 
} 

Answer 4

नवीनतम बूटस्ट्रैप माउस में नया वर्ग Glyphicon के साथ शामिल हैं :

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

कुछ मामलों में शायद यह समस्या होगी।