Bootstrap Glyphicons werden nicht mit der lokalen Bootstrap-Version gerendert
Ich benutze Bootstrap in Django und es funktioniert perfekt für alle anderen Bootstrap-Klassen außer Icon-Klassen wie: class="glyphicon glyphicon-download-alt"
Momentaufnahme mit Fehler unten rechts:
Snapshot, wenn bootstrap.min.css-Datei enthalten ist:
Beim Inspektionselement enthält es alle Glyphicons, deren Snapshot -
ist
Es funktioniert nur, wenn ich http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css in meiner HTML-Datei verlinke; aber es funktioniert nicht, wenn ich mein bootstrap.min.css von meinem PC einschließe. Ansonsten funktioniert jede Bootstrap-Klasse einwandfrei. Ich hoffe du verstehst mein Problem. Vielen Dank im Voraus.
2 Antworten
Es funktioniert nicht, weil Sie die CSS-Datei vom CDN-Link gespeichert haben. Das wird nicht funktionieren, weil die Glyphicons relativ zu dieser CSS-Datei verlinkt sind. Beispiel:
%Vor%Was das bedeutet, ist, dass die heruntergeladene Bootstrap-Datei nach den Glyphicons in einem Ordner auf Ihrem Computer sucht (den Sie nicht haben).
Sie müssen Bootstrap ordnungsgemäß von dem offiziellen Download-Link herunterladen . Dieser offizielle Download enthält ein /fonts/ -Verzeichnis, das die eigentlichen Glyphicon-Font-Dateien enthält.
Alternativ könnten Sie alle Font-Pfade in der CDN-Datei als absolute Links zu den Fonts auf dem CDN ändern ... aber das macht keinen Sinn.
Endlich ist mein Problem gelöst. Eigentlich war das Problem bei der Verwendung von Glyphicons in unserer Website wie in Django, wir müssen auch den Font-Ordner aus dem Bootstrap-3.3.2-dist-Ordner kopieren, der von offizieller Bootstrap-Link
Ein weiteres Problem ist, wo es zu beheben ist. Sehen Sie sich diese Struktur an, in der die Zeichensätze der CSS-Datei entsprechen, und fügen Sie dann den Zeichensätze-Ordner ein.
%Vor%Aber es funktionierte für mich in Django nur in statischen Ordner.
Tags und Links css twitter-bootstrap-3 glyphicons