Wie kann ich Twitter-Bootstrap-Glyphicons mit dem wiederhergestellten CDN verwenden?

Bootstrap 3 Glyphicons CDN: Wiederhergestellt und überarbeitet

Vor kurzem hat Twitter Bootstrap die Glyphicons-Symbolschriftart wieder in seinem Kern-Repository willkommen geheißen. Angesichts der weit verbreiteten Verwendung von Symbolen in Benutzeroberflächen hat das Bootstrap-Team Glyphicons zusammen mit einer Reihe von Verbesserungen wieder eingeführt:

• Die Dokumentation ist jetzt auf der Komponentenseite wiederhergestellt.
• Neue Variablen (@icon-font-path und @icon-font-name) bieten mehr Flexibilität beim Arbeiten mit Symbolschriftarten.
• Die neueste Version von Glyphicons wurde integriert und fügt 40 neue Symbole hinzu.
• Jegliche Erwähnung der alten Glyphicons wurde von der CSS-Seite entfernt.

CDN-URL für Twitter-Bootstrap-Glyphicons

Mit der Zusammenführung der Glyphicons zurück in den Bootstrap Repo stellt das Bootstrap-CDN jetzt das komplette Bootstrap 3.0-CSS bereit, einschließlich Glyphicons. Verweisen Sie einfach auf das Bootstrap-CSS, und schon sind Sie fertig: Glyphicons und ihre Abhängigkeiten sind auf relativen Pfaden verfügbar und in bootstrap.min.css integriert.

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"></code>

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");</code>

Standalone Glyphicons ( Optional)

Wenn Sie Glyphicons lieber separat verwenden möchten, können Sie auf die dedizierte Glyphicons-CSS-Datei im Bootstrap-CDN verweisen:

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"></code>

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");</code>

Dieser Ansatz umfasst alle notwendigen Schritte Glyphicons-Abhängigkeiten, sodass Sie sie sofort verwenden können.

Hinweis:

• Verwenden Sie .glyphicon-Klassen anstelle von .icon
• Für JavaScript-Komponenten, einschließlich bootstrap.min.js

Das obige ist der detaillierte Inhalt vonWie kann ich Twitter-Bootstrap-Glyphicons mit dem wiederhergestellten CDN verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!