Cara menggunakan ikon bootstrap

Di bawah ini adalah daftar semua Bootstrap 3 Glyphicons

Table of Contents Show

Bagaimana cara menggunakan ikon Bootstrap?
Bagaimana cara mengimpor ikon di Bootstrap?
Bagaimana cara menggunakan ikon Bootstrap 3?

Catatan. Glyphicons tidak didukung di Bootstrap 4

IconDescriptionExampleglyphicon glyphicon-asteriskTry itglyphicon glyphicon-plusTry itglyphicon glyphicon-minusTry itglyphicon glyphicon-eurTry itglyphicon glyphicon-euroTry itglyphicon glyphicon-cloudTry itglyphicon glyphicon-envelopeTry itglyphicon glyphicon-pencilTry itglyphicon glyphicon-glassTry itglyphicon glyphicon-musicTry itglyphicon glyphicon-searchTry itglyphicon glyphicon-heartTry itglyphicon glyphicon

Bagaimana cara menggunakan ikon Bootstrap?

Pendekatan. .

Buka situs resmi Bootstrap & salin CDN Bootstrap untuk CSS, JS, Popper. js, dan tautan jQuery

Add the CDN link along with add font icon link inside the tag..

Tambahkan kelas dengan bi bi-icon_name diikuti dengan nama ikonnya

Bagaimana cara mengimpor ikon di Bootstrap?

Masukkan lembar gaya font Bootstrap Icons di @import url("https. // cdn. jsdelivr. net/npm/bootstrap-icons@1. 3. 0/font/bootstrap-ikon. css"); Tambahkan cuplikan HTML untuk menyertakan Ikon Bootstrap jika diinginkan.

Bagaimana cara menggunakan ikon Bootstrap 3?

Bootstrap 3 Glyphicons sebenarnya adalah font, jadi Anda dapat menskalakan dan mewarnainya sesuka Anda. Bootstrap sebelumnya menggunakan sprite gambar untuk ikon. Untuk menambahkan glyphicon, tambahkan tag kelas glyphicon dan juga kelas untuk glyphicon tertentu yang Anda butuhkan .