Wie kann ich Bootstrap 3.0 CDN verwenden, um die aktualisierten Glyphicons einzubinden?

Bootstrap 3.0 CDN enthält aktualisierte Glyphicons

Die Bootstrap Glyphicons-Symbolschriftart wurde kürzlich wieder in das Haupt-Bootstrap-Repository integriert, was die Integration in Projekte erleichtert. Bootstrap CDN stellt jetzt das komplette Bootstrap 3.0-CSS bereit, einschließlich Glyphicons.

Einschließlich Bootstrap-CSS für Glyphicons:

Um Glyphicons zu verwenden, fügen Sie einfach die Bootstrap-CSS-Referenz in Ihren HTML-Code ein oder CSS:

HTML:

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

CSS:

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

Hinweis: Sie müssen .glyphicon-Klassen anstelle von .icon für Glyphicons verwenden.

Referenz zu unabhängigen Glyphicons:

Wenn Sie Glyphicons lieber getrennt von Bootstrap verwenden möchten, können Sie diese direkt einbinden die Glyphicons-CSS-Datei von Bootstrap CDN:

HTML:

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

CSS:

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

Dazu gehört alle notwendigen Abhängigkeiten, die eine eigenständige Nutzung von Glyphicons ermöglichen.

Zusätzliche Hinweise:

• Bootstrap.min.js ist weiterhin für JavaScript-Komponenten erforderlich.
• .icon-Klassen wurden durch .glyphicon-Klassen ersetzt.
• Die Glyphicons-Schriftart wurde mit 40 neuen Symbolen aktualisiert.

Das obige ist der detaillierte Inhalt vonWie kann ich Bootstrap 3.0 CDN verwenden, um die aktualisierten Glyphicons einzubinden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!