Kann ich Bootstrap Glyphicons von einem CDN?
Ich bin ganz neu in BS. Ich bin abrufen v3.3.6 des Bootstrap CSS-und JS-Dateien von MaxCDN. Ich hatte gehofft, es wäre eine Möglichkeit um die glyphicons als gut, aber ich kann nicht sehen, wie das zu tun. Ist es möglich, zum abrufen der glyphicons von einem CDN?
Auch, ich verstehe nicht, was die Bootstrap-download-Seite bedeutet, wenn es sich auf "Vorkompilierte Bootstrap" Warum würde ich wollen, dass die vorkompilierte download vs. der MaxCDN download. Ich sehe die vorkompilierte bietet die glyphicons, so vielleicht das ist der einzige Grund.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn Sie das stylesheet
bootstrap.min.css
in Ihre HTML-Datei wie folgt ein (Beispiel):Dann die Glyphicons-font(s) automatisch heruntergeladen werden aus dem gleichen Ort:
Dies ist, weil die fonts geladen, mit relative URLs. Wenn die CSS in
bootstrap.min.css
geparst wird, wird die URL, von der es heruntergeladen wurde als Basis verwendet, nicht die URL Ihrer website.Hinsichtlich vorkompilierte Bootstrap: Dies ist nützlich, wenn Sie wollen hosten der Dateien auf Ihren eigenen web-server (aus irgendeinem Grund). Sie sind verfügbar als zip-Datei, die die richtige Verzeichnis-Struktur erforderlich, die für das obige Verhalten korrekt zu funktionieren out of the box. Es ist gekennzeichnet als vorkompilierte, denn Sie könnten alternativ die Quelldateien herunterladen. Obwohl CSS-und JavaScript-Dateien als Quelldateien in Ihrem eigenen Recht, Bootstrap verwendet eine precompiler auf seine CSS zu machen es einfacher für Sie zu schreiben, die große Dateien. Sie verwenden auch mehrere kleinere JavaScript-Dateien, die zusammengeführt für die Freigabe durch ein build-Skript. Sie können dies in Aktion zu sehen bei Ihre GitHub-repository.
Über die Glythicon Frage
Mit der neuen version von bootstrap (Bootstrap 4); Glythicons wurden komplett entfernt werden, so betrachten Sie als veraltet und versuchen, Sie nicht zu verwenden in den aktuellen oder zukünftigen Projekten. Mit, dass gesagt FontAwesome ist eine erstaunliche, leicht, Bibliothek, eine schöne CDN und ist sehr einfach zu bedienen.
CDN
https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css
Wenn Sie wollen, faul zu sein, und Sie sollten immer versuchen, und werden faul! Verwenden Sie den folgenden code, wie bei jedem link, fügen Sie ihn in den Kopf von Ihrem Projekt zu erhalten begann, mit es sofort!
FontAwesome ist eine umfangreiche Bibliothek von font-icons, die Sie hinzufügen können alle DOM-element über die Klasse ruft. Es ist auch sehr browser-freundliche und erfordert keine alle javascript zu arbeiten.
Hier die Kurzanleitung:
https://fortawesome.github.io/Font-Awesome/get-started/
Und hier sind die Symbol-Listen:
https://fortawesome.github.io/Font-Awesome/icons/
Über die Vorkompilierte vs CDN Frage
Wenn Ihr nicht geht, ändern der Bibliothek in irgendeiner Weise für Ihr Projekt (die in der Regel, die Sie nicht tun sollten jede Art und Weise) es ist immer gut, einen CDN über den Download manuell in Ihr Projekt. Erhalten Sie signifikante performance-Gewinne und es hellt die Belastung für Ihr git-repo.
Einer der anderen Vorteile der vorkompilierten version, die es erlaubt, Sie zu integrieren, den code direkt in dein frontend. Wenn Ihr mit einem Knoten, task runner wie gulp oder grunt Sie können den code nehmen, verändern Sie passend zu Ihrem Thema oder Vorlieben, dann Falten Sie es gerade in Ihrem code arbeiten. Dies ermöglicht Ihnen, entwickeln Sie Ihren eigenen Geschmack von bootstrap.
In der Regel jedoch die standard-version ist gut so wie Sie sind, überschreiben Sie es mit Ihren eigenen css später. Wenn das ok ist für Sie, dann verwenden Sie einfach die EUR wie, die Sie dienen einer standard-version von Bootstrap.
Hoffe, das hilft!
https:
im<link>
tag für eine bessere Kompatibilität als pro diese Frage.Für jeden, dies zu tun, in Schienen mit bootstrap-sass-Juwel, werden Sie nicht einschließlich der Haupt-bootstrap-stylesheet manuell in html, und Sie können nicht neu definieren $ - Symbol-font-Pfad, um dies zu erreichen, denn die domain wird am Ende ersetzt, die mit Ihrer app.
Statt neu definieren der @font-face-Deklaration für Glyphicons nach dem Import bootstrap. Also, in
stylesheets/application.scss
:Ich fand, dass das notwendig sein, wenn mit Heroku pipeline zu vermeiden, diese Wege, die zusammengestellt für die staging-app, was in der Produktion-app zeigen wieder, um die Inszenierung zu laden Glyphicons.
In der Ort, den Import der gesamten Bootstrap-Sie können "import" Bootstrap Glyphicons nur: