web-dev-qa-db-fra.com

Bootstrap Glyphicons ne rendant pas en utilisant la version locale Bootstrap version

J'utilise bootstrap in Django et cela fonctionne parfaitement pour toutes les autres classes bootstrap sauf les classes d'icônes comme: class="glyphicon glyphicon-download-alt"

Instantané avec erreur en bas à droite:

enter image description here

Instantané lorsque le fichier bootstrap.min.css inclus:

enter image description here

En faisant inspecter l'élément, il contient tous les glyphicons, son instantané est-

enter image description here

Cela ne fonctionne que si je relie http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css dans mon fichier html; mais ça ne marche pas si j'inclus mon bootstrap.min.css depuis mon PC. Sinon, chaque classe bootstrap fonctionne parfaitement. J'espère que vous comprenez mon problème. Merci d'avance.

csstwitter-bootstrap-3glyphicons
11
Rahul Satal

Cela ne fonctionne pas car vous avez enregistré le fichier CSS à partir du lien CDN. Cela ne fonctionnera pas, car les glyphicons sont liés à ce fichier CSS. Exemple:

@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
}

Cela signifie que le fichier téléchargé Bootstrap recherche les glyphicons dans un dossier sur votre ordinateur (qui vous n'avez pas).

Vous devez télécharger correctement Bootstrap de le lien de téléchargement officiel . Ce téléchargement officiel contient un /fonts/ répertoire contenant les fichiers de police glyphicon réels.

Alternativement, vous pouvez modifier tous les chemins de police dans le fichier CDN pour qu'ils soient des liens absolus vers les polices sur le CDN ... mais cela n'a pas vraiment de sens.

28
rnevius

Enfin mon problème est résolu. En fait, le problème était lors de l'utilisation de Glyphicons dans notre site Web comme dans Django, nous devons également copier le dossier de polices du dossier bootstrap-3.3.2-dist téléchargé depuis lien officiel de bootstrap

Un autre problème est de savoir où le réparer. Voir cette structure où les polices respectent le fichier css, puis collez le dossier des polices.

 bootstrap /
 ├── moins /
 ├── js /−..]. .] │ ├── css /
 │ ├── js /
 │ └── fonts /
 └── docs /
 └── exemples/

Mais cela a fonctionné pour moi dans Django juste à l'intérieur du dossier statique.

0
Rahul Satal