Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimanakah saya boleh menggunakan Bootstrap 3.0 CDN untuk memasukkan Glyphicons yang dikemas kini?

Bagaimanakah saya boleh menggunakan Bootstrap 3.0 CDN untuk memasukkan Glyphicons yang dikemas kini?

Linda Hamilton
Linda Hamiltonasal
2024-11-04 17:56:02302semak imbas

How can I use Bootstrap 3.0 CDN to include the updated Glyphicons?

Bootstrap 3.0 CDN Termasuk Glyphicons Dikemaskini

Fon ikon Bootstrap Glyphicons baru-baru ini telah disepadukan semula ke dalam repositori Bootstrap utama, menjadikannya lebih mudah untuk dimasukkan ke dalam projek. CDN Bootstrap kini menyediakan CSS Bootstrap 3.0 yang lengkap, termasuk Glyphicons.

Termasuk CSS Bootstrap untuk Glyphicons:

Untuk menggunakan Glyphicons, masukkan sahaja rujukan CSS Bootstrap dalam HTML anda atau 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>

Nota: Anda mesti menggunakan kelas .glyphicon dan bukannya .icon untuk Glyphicons.

Rujukan Glyphicons Bebas:

Jika anda lebih suka menggunakan Glyphicons secara berasingan daripada Bootstrap, anda boleh terus memasukkan fail Glyphicons CSS daripada 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>

Ini termasuk semua kebergantungan yang diperlukan, membenarkan penggunaan kendiri Glyphicons.

Tambahan Nota:

  • Bootstrap.min.js masih diperlukan untuk komponen JavaScript.
  • .kelas ikon telah digantikan dengan kelas .glyphicon.
  • Fon Glyphicons telah dikemas kini dengan 40 ikon baharu.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menggunakan Bootstrap 3.0 CDN untuk memasukkan Glyphicons yang dikemas kini?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn