Glyphicons da bootstrap non viene visualizzato

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

Non capisco perché la mia icona non viene visualizzata. Sto iniziando un nuovo progetto e ho deciso di provare initializr con bootstrap. Non riesco a far apparire quelle icone. Sembra che ci sia un'icona invisibile poco prima del mio testo ... Ho anche controllato la documentazione, here. Ho anche controllato all'interno del mio boostrap.less, sprites.less e variables.less (tutto sembra a posto ...).Glyphicons da bootstrap non viene visualizzato

La mia variabile è impostata correttamente e la mia immagine (PNG) si trova nella mia cartella ../img.

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

fonte

2012-07-12 fneron

Controllare la cartella delle risorse per vedere se l'immagine delle icone è lì. – abhshkdz

ci sono ... – fneron

Hai provato a cambiare '../img/' in solo '/ img /'? Sembra che la tua cartella img non sia associata alla cartella css. –

Il file variables.less si trova nella cartella bootstrap, quindi è necessario un ulteriore livello per arrivare a root.

tenta di impostare il percorso:

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

fonte

2012-07-12 21:50:01

sì. Guarda la mia risposta;) – fneron

oh, bello che ce l'hai :) –

Non capisco perché non l'hanno messo/o imposta il valore corretto con la loro infrastruttura ... – fneron

ho dovuto copiare la cartella img dal bootstrap nella cartella di meno ... o si potrebbe cambiare la variabile per puntare alla cartella principale/img.

fonte

2012-07-12 21:46:42 fneron

Aprire il file rewrites.php nella cartella 'lib'. Aggiungere la seguente riga all'interno della funzione 'roots_add_rewrites ($ content)':

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

La funzione dovrebbe essere simile a questo:

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

fonte

2013-08-23 15:08:12

Bello, forse, per gli utenti di PHP, ma c'era qualche indicazione che questo la domanda aveva qualcosa a che fare con PHP? –

Nelle più recenti icone Bootstrap sono inclusi con il nuovo glyphicon di classe :

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

In alcuni casi questo sarà probabilmente il problema.

fonte

2013-09-26 16:35:27 Duther

Glyphicons da bootstrap non viene visualizzato

risposta

Problemi correlati