Hallo kawan-kawan, untuk kali ini saya akan berbagi artikel mengenai button pada bootstrap. apakah kalian sudah mengetahui apa itu bootsrap? Bootstrap adalah sebuah framework CSS yang berfungsi untuk membuat tampilan website menjadi Responsive atau dapat menyesuaikan pada semua ukuran layar monitor. Pada Bootstrap sendiri sudah menyediakan UI (User Interface) bawaan dari Bootstrap salah satunya adalah Button.
Di Bootstrap Button terdapat 6 macam yaitu :
1.button-primary
2. button-info
3. button-default
4. button-success
5.button-danger
6. button-warning
Untuk cara membuatnya anda bisa menggunakan Code Html menggunakan class atau type:
<body>
<button class=”btn btn-default”>Button</button>
<button class=”btn btn-info”>Button</button>
<button class=”btn btn-primaryt”>Button</button>
<button class=”btn btn-succes”>Button</button>
<button class=”btn btn-danger”>Button</button>
<button class=”btn btn-warning”>Button</button>
</body>
anda bisa juga menggunakan Code seperti ini :
<button type=“button” class=“btn btn-default”>Default</button>
<button type=“button” class=“btn btn-primary”>Primary</button>
<button type=“button” class=“btn btn-success”>Success</button>
<button type=“button” class=“btn btn-info”>Info</button>
<button type=“button” class=“btn btn-warning”>Warning</button>
<button type=“button” class=“btn btn-danger”>Danger</button>
<button type=“button” class=“btn btn-link”>Link</button>
Setelah anda membuat Code seperti itu coba anda save lalu lihat perubahannya di browser yang anda gunakan. Sekian untuk artikel mengenai button Bootstrap,semoga bermafaat 🙂