Bootstrap glyphics do not appear

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> 

I do not understand why my icon does not appear. I am starting a new project and decided to try initializr with bootstrap . I just can’t make this icon. It seems there is an invisible icon in front of my text ... I also checked the documentation here . I also checked inside my boostrap.less, sprites.less and variables.less (everything seems to be fine ...).

My variable is set correctly, and my image (PNG) is in my .. / img folder.

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

Answer 1

The variables.less file is located in the bootstrap folder, so you need one more level to access root.

Try setting the path to:

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

Answer 2

The latest Bootstrap icons include a new class glyphicon:

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

In some cases, this is likely to be a problem.

Answer 3

I had to copy the img folder from bootstrap to a smaller folder ... or you could change this variable to point to the root / img folder.

Answer 4

Open the rewrites.php file in the "lib" folder. Add the following line to the 'roots_add_rewrites ($ content)' function:

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

The function should look like this:

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