Begini cara menuliskan glyphicons:
<span class="glyphicon glyphicon-name"></span>
Cara menggunakan bootsrap glyphicon, kita harus terlebih dahulu memiliki file bootstrap atau kita dapat menggunakan file bootstrap yang hanya bisa di gunakan secara online seperti yang saya gunakan di bawah ini:
Untuk icon surat kita dapat menggunakan glyphicon dengan nama envelope, untuk membuatnya sebagai link, tambahkan tag <a href>, untuk icon cari kita dapat menggunakan glyphicon dengan nama search, untuk membuatnya sebagai button, tambahkan tombol button,untuk classnya dapat di lihat dari file bootstrapnya.
Sekian tentang Glyphicons, sekarang saya akan membahas tentang Bootstrap Badges and Labels.
BADGES
Badges adalah penunjuk numerik tentang sebanyak apa item yang terkait dengan sebuah link.Contoh:
Gambar di atas menunjukkan bahwa, ada 10 item yang terdapat di dalam news dan 12 item yang terdapat di comment. Untuk penulisannya seperti ini:
Jangan Lupa sertakan file bootstrapnya dan classnya dapat di lihat melalui file bootstrapnya.
Selain itu, badges juga dapat di sertakan di dalam button.
Pertama - pertama, buka tag button terlebih dahulu, setelah itu isikan dengan class yang sesuai dengan button tersebut. Setelah itu buka tag span dan masukkan class badge.
Maka hasil yang di hasilkan akan menjadi seperti ini:
LABELS
Labels digunakan untuk menyediakan informasi tambahkan tentang sesuatu. Kelas label di dalam bootstrap telah tersedia 6 buah, yaitu:
.label-default, .label-primary, .label-success, .label-info, .label-warning atau .label-danger.
Contoh Labels:
Labels contoh di atas menjelaskan bahwa update merupakan item baru.
Begini cara penulisannya:
Cara penulisannya sebagai berikut:
Sekian dan Terimakasih. Semoga Bermanfaat.
No comments:
Post a Comment