Wie man glyphicons arbeiten im twitter-bootstrap?
Ich habe bootstrap-Dateien lokal gespeichert:
<link rel="stylesheet" href="/bootstrap/3.2.0/css/bootstrap.min.css">
und
<script src="/bootstrap/3.2.0/js/bootstrap.min.js"></script>
aber wenn ich das mache:
<span class="glyphicon glyphicon-print" aria-hidden="true"></span>
Bekomme ich einen kleinen quadratischen Zeichen wie angezeigt wird, wenn der client nicht die richtige schriftart. Ich lese hier, dass es separate CSS, aber der link ist gebrochen. Irgendwelche Ideen wie man dies beheben?
Glyphicons sind enthalten in der Standard bootstrap.min.css – stellen Sie sicher, dass Sie nicht durch plugins, wie z.B. NoScript, die möglicherweise blockieren externe schriftart-Dateien
muss ich den download von font-Dateien auch? Ich habe die Dateien lokal gespeichert.
Ja, Sie müssen laden Sie die schriftart-Dateien sowie.
hoffe Sie sind nicht auch die notwendige schriftart
ja, du brauchst die Dateien lokal. Ihre ursprüngliche Anfrage verwendet das css von maxcdn, die würden wissen, wo Sie die gewünschten font-Dateien.
muss ich den download von font-Dateien auch? Ich habe die Dateien lokal gespeichert.
Ja, Sie müssen laden Sie die schriftart-Dateien sowie.
hoffe Sie sind nicht auch die notwendige schriftart
ja, du brauchst die Dateien lokal. Ihre ursprüngliche Anfrage verwendet das css von maxcdn, die würden wissen, wo Sie die gewünschten font-Dateien.
InformationsquelleAutor Jonathan M | 2015-04-20
Du musst angemeldet sein, um einen Kommentar abzugeben.
Gefunden:
Benötigt, um lokal erstellen:
dem ich stammt von hier:
http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.eot
http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.woff
http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.ttf
http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.svg
Download Bootstrap
es wird mit einem Ordner, der hatcss, fonts, js
. Sie sollten nicht zu download jeden aus dem CDN, scheint ein bisschen nach hinten zu mir.ja, ich denke, ich ignorierte die /fonts-Ordner, wenn ich ursprünglich heruntergeladen. Ich auf jeden Fall ging es nach hinten.
Es ist leicht genug, um Sie zu verpassen. Ich war vertraut mit Font Awesome, bevor ich wusste, über glyphicons, so dass ich wusste, Sie waren technisch eine schriftart, aber ich kann sehen, wie könnte es übersehen werden. Froh, Sie haben es funktioniert aber!
InformationsquelleAutor Jonathan M
Es ist Jonathan, innerhalb der bootstrap-download sollten Sie die folgende Datei-Struktur (es sei denn, Sie ausgewählt, die NICHT zum download glyphicons als a-Komponente)
css -> bootstrap.css, bootstrap.css.map, bootstrap.min.css, bootstrap-theme.css, bootstrap-theme.css.map, bootstrap-theme.min.css
Schriftarten -> glyphicons-Halblinge-regelmäßig.eot, glyphicons-Halblinge-regelmäßig.svg, glyphicons-Halblinge-regelmäßig.ttf glyphicons-Halblinge-regelmäßig.woff, glyphicons-Halblinge-regelmäßig.woff2
js -> bootstrap.js, bootstrap.min.js, npm.js
Wenn Sie nicht haben, würde ich empfehlen, zu http://getbootstrap.com/getting-started/#download und herunterladen des Pakets. Die Verknüpfung von it-up in Ihre eigenen Ordner ist einfach. Nur benennen Sie die Bootstrap-CSS-Ordner "Bootstrap" - dann ziehen Sie Sie in Ihren CSS-Ordner in Ihrem Datei (Sie können die Dateien direkt, aber die Ordner wie CSS/Bootstrap/bootstrapCSSfiles es macht es nur besser organisiert. Das nochmal für JS und Fonts, und Sie sind alle gesetzt.
Goodluck bud 😀
InformationsquelleAutor Kevin Leegsma
Funktioniert es ohne Probleme.
<span class="glyphicon glyphicon-print" aria-hidden="true"></span>
http://jsfiddle.net/3v1tyL61/
so ist es nur eine Frage der Pfad dann wird es funktionieren.
benötige ich für das herunterladen der schriftart?
Ah, ich glaube ich habe es gefunden. Ich wurde vermisst: /fonts/glyphicons-Halblinge-regelmäßig.eot Heruntergeladen, das original von hier: maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/...
InformationsquelleAutor naoxink