Rumah > hujung hadapan web > tutorial css > 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
Lepaskan: 2024-11-04 17:56:02
asal
359 orang telah melayarinya

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>
Salin selepas log masuk

CSS:

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

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>
Salin selepas log masuk

CSS:

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

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan