Cara Menggunakan Bootstrap Icons
Beberapa bulan yang lalu bootstrap merilis versi terbarunya yaitu bootstrap versi 5.0, di versi yang terbaru ini bootstrap suda tidak menggunakan jquery lagi.
Selanjutnya teman-teman copy code tersebut dan paste ditempat yang teman-teman ingin tampilkan.
Selain itu bootstrap juga merilis bootsrap icons, dengan bootsrap icon kita sudah tidak membutukan tambahan pihak ketiga untuk menampilkan icon di web kita, yang sering saya gunakan untuk menampilkan icon adalah fontawesome.
Bagaimana cara menggunakan bootstrap icon :
Langkah pertama adalah kunjungi website bootstrap, dan pilih Get Started
Langkak kedua pilih menu starter template posisinya ada di sebela kanan. Kita gunakan template sederhana bawaan bootstrap.
Langkah ketiga buat file index.html kemudian copykan code yang ada di menu starter template, seperti code di bawa ini.
Selanjutnya teman - teman masuk boostrap icons melalui link ini. boostrap icons,
kemudian scroll ke bawah sampai ketemu tulisan CDN, disini saya menggunakan CDN saja biar tidak perlu mendownload. Copy kode link nya dan tempel di dalam <head> seperti kode di bawah ini.
Kemudian teman-teman pilih icon yang mau digunakan dengan cara klik salah satu icon seperti gambar di bawah ini.
Kemudian akan muncul code dari icon tersebut seperti gambar di bawah ini.
dan hasilnya akan seperti gambar di bawah ini.
Post a Comment for "Cara Menggunakan Bootstrap Icons"