Rumah >hujung hadapan web >tutorial css >Bagaimanakah saya boleh menggunakan Bootstrap Glyphicons secara bebas daripada Bootstrap?

Bagaimanakah saya boleh menggunakan Bootstrap Glyphicons secara bebas daripada Bootstrap?

Barbara Streisand
Barbara Streisandasal
2024-11-03 20:53:03719semak imbas

How can I use Bootstrap Glyphicons independently from Bootstrap?

Twitter Bootstrap Glyphicons CDN Returns

Selepas permintaan tarik penggabungan baru-baru ini, fon ikon Glyphicons Bootstrap yang terkenal telah disepadukan semula ke dalam repositori utama. Ini mengembalikan elemen asas reka bentuk antara muka pengguna, kerana ikon memainkan peranan penting dalam navigasi dan pemahaman UI.

URL CDN untuk Bootstrap Glyphicons

The Bootstrap 3.0 CDN sekarang menjadi tuan rumah CSS Bootstrap 3.0 yang lengkap, termasuk Glyphicons. Dalam HTML, anda boleh memasukkan Glyphicons dengan rujukan ini:

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

Untuk CSS, gunakan pernyataan import ini:

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");

Menggunakan Glyphicons Secara Bebas

Untuk projek yang tidak menggunakan keseluruhan rangka kerja Bootstrap, Glyphicons boleh dirujuk secara berasingan melalui CDN Bootstrap.

Dalam HTML:

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

Dalam CSS:

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

Pertimbangan Tambahan

Bila menggunakan Glyphicons secara berasingan daripada Bootstrap, pastikan bahawa kebergantungan yang diperlukan disertakan dalam laluan relatif Bootstrap CDN. Selain itu, ambil perhatian bahawa kelas .glyphicon telah menggantikan kelas .icon.

Contoh Penggunaan

Untuk menggunakan ikon hati, gantikan .icon-heart dengan .glyphicon-heart:

<span class="glyphicon glyphicon-heart"></span>

Untuk penyepaduan komponen JavaScript, jangan lupa sertakan bootstrap.min.js secara berasingan.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menggunakan Bootstrap Glyphicons secara bebas daripada Bootstrap?. 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