Bagaimana untuk memasukkan Glyphicons dalam projek Bootstrap 3 anda menggunakan CDN?

Bootstrap 3 Glyphicons CDN

Dengan penambahan Glyphicons kembali ke dalam repositori Bootstrap 3, mengaksesnya melalui CDN kini lebih mudah berbanding sebelum ini sebelum ini.

Menggunakan Bootstrap CDN dengan Glyphicons

Fail CSS Bootstrap yang dikemas kini kini termasuk Glyphicons dan kebergantungannya. Untuk memasukkannya dalam projek anda, anda hanya boleh merujuk CDN Bootstrap:

Dalam HTML:

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

Dalam CSS:

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

Ingat untuk menggunakan kelas ".glyphicon" dan bukannya ".icon" untuk elemen Glyphicon.

Menggunakan Glyphicons Secara Berasingan

Jika anda mahu menggunakan Glyphicons tanpa Bootstrap yang lain, anda boleh merujuk terus fail CSS Glyphicons pada Bootstrap CDN:

Dalam HTML:

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

Dalam CSS:

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

Perhatikan bahawa pendekatan ini hanya termasuk Glyphicons CSS dan tidak memuatkan JavaScript Bootstrap atau kebergantungan lain.

Atas ialah kandungan terperinci Bagaimana untuk memasukkan Glyphicons dalam projek Bootstrap 3 anda menggunakan CDN?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!