Cara Membuat Lencana Atau Notofikasi Dengan Bootstrap

Salam Kenal dengan Saya,

Sebelum melanjutkan membaca Artikel ini, saya akan memberitahu kalian sesuatu yaitu bahwa saya tak mahir dalam menulis, jadi jika ada kata" yg salah mohon d maklumi dan tolong di koreksi, trms :D

Oke, Pada postingan ini saya akan memberi tutorial membuat lencana atau Notifikasi dengan bootstrap  yg sekarang ini sangat ngetren dalam bahasa pemrograman web, kali ini saya akan membagi trik sederhananya.

dan lisitng Code nya seperti berikut :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <link rel="stylesheet" href="bootstrap-3.3.4-dist/css/bootstrap.css"> <script src="bootstrap-3.3.4-dist/js/jquery-1.11.3.min.js"></script> <script src="bootstrap-3.3.4-dist/js/bootstrap.min.js"></script> </head> <body> <a href="#">Inbox <span class="badge">42</span></a>   <button class="btn btn-primary" type="button">   Messages <span class="badge">4</span> </button>    </body> </html>

nah, semoga postingan kali ini membantu kalian saat membuat template atapun apapun itu dalam Webdesign kalian.

thnks.