Wie binden Sie Glyphicons mithilfe eines CDN in Ihr Bootstrap 3-Projekt ein?

Bootstrap 3 Glyphicons CDN

Mit der erneuten Hinzufügung von Glyphicons zum Bootstrap 3-Repository ist der Zugriff auf sie über ein CDN jetzt einfacher als je zuvor vorher.

Verwenden von Bootstrap CDN mit Glyphicons

Die aktualisierte Bootstrap-CSS-Datei enthält jetzt Glyphicons und ihre Abhängigkeiten. Um sie in Ihr Projekt einzubinden, können Sie einfach auf das CDN von Bootstrap verweisen:

In HTML:

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

In CSS:

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

Denken Sie daran, „.glyphicon“-Klassen anstelle von „.icon“ für Glyphicon-Elemente zu verwenden.

Glyphicons separat verwenden

Wenn Sie verwenden möchten Glyphicons ohne den Rest von Bootstrap können Sie direkt auf die Glyphicons-CSS-Datei im Bootstrap-CDN verweisen:

In HTML:

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

In CSS:

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

Beachten Sie, dass dieser Ansatz nur das Glyphicons-CSS umfasst und weder Bootstraps JavaScript noch andere Abhängigkeiten lädt.

Das obige ist der detaillierte Inhalt vonWie binden Sie Glyphicons mithilfe eines CDN in Ihr Bootstrap 3-Projekt ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!