Glyphicons de bootstrap no aparece

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

No entiendo por qué mi icono no aparece. Estoy comenzando un nuevo proyecto y decidí probar initializr con bootstrap. Simplemente no puedo hacer que aparezcan esos íconos. Parece que hay un icono invisible justo antes de mi texto ... También he consultado la documentación, here. También revisé dentro de mi boostrap.less, sprites.less y variables.less (todo parece estar bien ...).Glyphicons de bootstrap no aparece

Mi variable está configurada correctamente y mi imagen (PNG) está en mi carpeta ../img.

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

Fuente

2012-07-12 fneron

Revise su carpeta de activos para ver si la imagen de sus iconos está allí. – abhshkdz

están ahí ... – fneron

¿Intentó cambiar '../img/' por '/ img /'? Parece que tu carpeta img no está emparejada con la carpeta css. –

El archivo variables.less está en la carpeta de arranque, por lo que necesita un nivel más para llegar a la raíz.

Tratar de establecer la ruta a:

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

Fuente

2012-07-12 21:50:01

yup. Mira mi respuesta;) – fneron

oh, bien lo tienes :) –

No entiendo por qué no lo pusieron/o establecer el valor correcto con su infraestructura ... – fneron

tuve que copiar la carpeta img de arranque en la carpeta de menos ... o usted podría cambiar la variable para que apunte a la carpeta raíz/img.

Fuente

2012-07-12 21:46:42 fneron

Abrir el archivo en la carpeta rewrites.php 'lib'. Agregue la siguiente línea dentro de la función 'roots_add_rewrites ($ contenido)':

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

La función debe tener este aspecto:

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

Fuente

2013-08-23 15:08:12

Bueno, tal vez, para los usuarios de PHP, pero ¿hay alguna indicación de que esto pregunta tenía algo que ver con PHP? –

En los iconos de archivos de inicio más recientes se incluyen con el nuevo glyphicon clase :

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

En algunos casos, ese será probablemente el problema.

Fuente

2013-09-26 16:35:27 Duther

Glyphicons de bootstrap no aparece

Respuesta

Cuestiones relacionadas