Heim > Web-Frontend > CSS-Tutorial > Wie binden Sie Glyphicons mithilfe eines CDN in Ihr Bootstrap 3-Projekt ein?

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

DDD
Freigeben: 2024-11-03 20:57:29
Original
413 Leute haben es durchsucht

How to include Glyphicons in your Bootstrap 3 project using a CDN?

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>
Nach dem Login kopieren

In CSS:

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

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>
Nach dem Login kopieren

In CSS:

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

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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage