Bagaimanakah Saya Boleh Menggunakan Glyphicons Bootstrap Twitter dengan CDN yang Dipulihkan?

Bootstrap 3 Glyphicons CDN: Dipulihkan dan Diubahsuai

Baru-baru ini, Twitter Bootstrap mengalu-alukan kembali fon ikon Glyphicons ke repositori terasnya. Menyedari penggunaan ikon yang meluas dalam antara muka pengguna, pasukan Bootstrap telah memulihkan Glyphicons, bersama-sama dengan beberapa peningkatan:

• Dokumentasi kini dipulihkan pada halaman Komponen.
• Pembolehubah baharu (@icon-font-path dan @icon-font-name) memberikan fleksibiliti yang lebih besar apabila bekerja dengan fon ikon.
• Versi terkini Glyphicons telah disepadukan, menambah 40 ikon baharu.
• Sebarang sebutan tentang Glyphicons lama telah dialih keluar daripada halaman CSS.

URL CDN untuk Twitter Bootstrap Glyphicons

Dengan gabungan Glyphicons kembali ke Bootstrap repo, CDN Bootstrap kini menyediakan CSS Bootstrap 3.0 yang lengkap, termasuk Glyphicons. Rujuk sahaja CSS Bootstrap, dan anda sudah bersedia: Glyphicons dan kebergantungannya tersedia pada laluan relatif dan digabungkan ke dalam bootstrap.min.css.

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

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

Standalone Glyphicons ( Pilihan)

Jika anda lebih suka menggunakan Glyphicons secara berasingan, anda boleh merujuk fail CSS Glyphicons khusus pada CDN Bootstrap:

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

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

Pendekatan ini merangkumi semua yang diperlukan Kebergantungan Glyphicons, jadi anda boleh mula menggunakannya dengan segera.

Nota:

• Gunakan kelas .glyphicon dan bukannya .icon
• Untuk Komponen JavaScript, sertakan bootstrap.min.js

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Glyphicons Bootstrap Twitter dengan CDN yang Dipulihkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!