Hai kawan-kawan…. Kali ini saya akan berbagi tentang cara menggunakan ataupun membuat button dengan bootstrap.
Bootstrap telah menyediakan 7 style yang dapat kamu gunakan untuk menampilkan button. Contohnya seperti pada gambar di bawah,
Class button dapat kamu gunakan pada tag <a>, <button>, ataupun <input>.
Untuk membuat button seperti di atas, saya menggunakan tag <button> sebagai contoh:
1 |
<button type="button" class="btn btn-default">Ini Button Default</button> |
1 |
<button type="button" class="btn btn-primary">Ini Button Primary</button> |
1 |
<button type="button" class="btn btn-success">Ini Button Success</button> |
1 |
<button type="button" class="btn btn-info">Ini Button Info</button> |
1 |
<button type="button" class="btn btn-warning">Ini Button Warning</button> |
1 |
<button type="button" class="btn btn-danger">Ini Button Danger</button> |
1 |
<button type="button" class="btn btn-link">Ini Button Link</button> |
Perlu kamu ingat, untuk memanggil style dari button tersebut misalnya btn-primary, awali dengan class btn. Sehingga penulisannya seperti ini class=â€btn btn-primaryâ€
Bagaimana? Mudah kan? Semoga bermanfaat . . .