Bootstrap Glyphicons nicht rendering mit lokalen Bootstrap-version

Ich bin mit bootstrap in django und es funktioniert perfekt für alle anderen bootstrap-Klassen mit Ausnahme von Symbol-Klassen wie: class="glyphicon glyphicon-download-alt"

Schnappschuss mit Fehler unten rechts:

Momentaufnahme beim bootstrap.min.css-Datei enthalten:

Tun element untersuchen Sie enthalten alle glyphicons seine snapshot-

Funktioniert es nur, wenn ich einen link http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css in meine html-Datei, aber es nicht funktioniert, wenn ich mein bootstrap.min.css von meinem PC. Ansonsten, jeder bootstrap-Klasse perfekt funktioniert. Hoffe Ihr versteht mein problem. Vielen Dank im Voraus.

Was meinst du enthalten von Ihrem PC? Sie bauen vor Ort? Wenn ja, testen Sie bitte auch die Seite in Chrome um zu sehen, ob der gleiche Fehler Auftritt wie im Firefox. Eigentlich ist es nicht Chrom, aber mindestens einer nicht-Mozilla-basierte browser.
Nein, ich habe es heruntergeladen aus dem oben genannten link und gespeichert in meinem PC und es funktioniert perfekt für alle bootstrap-Klassen
Hast du auch das herunterladen von glyphicons-font?
Nicht explizit, ich öffnen Sie einfach den link und kopieren Sie alle anzeigen von Inhalt in meine css-Datei, und ich denke, dass alle Schriften, die in Ihr enthalten sind, wie im Bild oben von element untersuchen. Dank
Nein, das sind Sie nicht. Bitte Lesen Sie nochmals meine Antwort. Die CSS, dass Sie nur kopiert, enthält links zu glyphicons, nicht die aktuelle schriftart an sich.
Ok, dann wie bekomme ich die eigentliche schriftart.
Bitte Lesen Sie nochmals meine Antwort. Besuchen Sie den download-link von der offiziellen Seite, die ich verlinkt haben. Es gibt Anweisungen für die Installation der voll-bootstrap Paket.
Es arbeitete.Dank dir, vielen Dank.

InformationsquelleAutor Rahul Satal | 2015-02-21

27

Es nicht funktioniert, weil Sie beim speichern der CSS-Datei aus den CDN-link. Das wird nicht funktionieren, weil die glyphicons verbunden sind, um relativ zu dieser CSS-Datei. Beispiel:
```
@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
}
```
Was dies bedeutet, ist, dass die heruntergeladene Bootstrap-Datei ist auf der Suche nach den glyphicons in einem Ordner auf Ihrem computer (die Sie nicht haben).

Müssen Sie richtig download Bootstrap von der offizielle download-link. Diese offizielle download enthält eine /fonts/ - Verzeichnis enthält die eigentlichen glyphicon-schriftart-Dateien.

Alternativ könnte man alle ändern der schriftart-Pfade in der CAD-Datei werden die absoluten links zu den fonts auf dem CDN...aber das macht nicht wirklich Sinn machen.
- Ich habe es versucht, aber es immer noch nicht funktioniert. Seine snapshot enthalten alle Glyphicons-Datei. Plz help.
- Wenn Sie laden Sie die offizielle zip, es wird funktionieren out of the box. Der einzige Weg, es nicht ist, wenn Sie etwas bewegen, ohne Veränderung der relativen links.
- Eigentlich arbeite ich in django und ich nur kopieren Sie die css-Datei in meine statische Ordner und es funktioniert für andere Klassen. Auch sagen Sie mir, was ist CDN. Dank
- Sie würde wahrscheinlich müssen auch die Kopie der fonts Ordner, um Ihre statische Ordner.
- Danke, war auf der Suche nach Lösung für dieses problem schon einige Zeit!
InformationsquelleAutor rnevius
0

Endlich mein problem behoben ist. Eigentlich war das problem während der Verwendung von Glyphicons in unserer website wie in django, wir haben auch zum kopieren von font-Ordner von bootstrap-3.3.2-dist-Ordner heruntergeladen bootstrap-offizieller link

Ein weiteres problem ist, wo, um es zu beheben. Sehen Sie diese Struktur, in denen Schriften ist hinsichtlich der css-Datei und fügen Sie die Schriftarten-Ordner.
```
bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│ ├── css/
│ ├── js/
│ └── fonts/
└── docs/
└── Beispiele/
```
Aber es funktionierte für mich in django, nur innerhalb statischen Ordner.
- Ich denke, dass Sie einfach schalten Sie Ihre bootstrap.min.css mit ein, enthalten in dem dist-Upgrade das problem behebt.
InformationsquelleAutor Rahul Satal

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.