Macam-Macam Button Dalam Bootstrap

pinyinkpin - dalam bootstrap terdapat beberapa button, baik itu singgle button maupon group button, button dalam bootstrap dapat digunakan dalam sintak <a> , <button> dan <input>  . Dalam bootstrap terdapat macam macam button , perbedaan dalam button tersendiri cuma ada di warna saja. Ini adalah contoh penggunaan button

<a href="#" class="btn btn-info" role="button">pinyinkpin link button</a>

  <button type="button" class="btn btn-info">Button pinyinkpin</button>

  <input type="button" class="btn btn-info" value="Input Button - pinyinkpin">

Berikut penjelasannya tentang macam macam button dalam bootstrap

button dalam bootstrap ada beberapa jenis, dalam posting kali ini saya akan menjabarkan beberapa saja, kalau semua nya pasti  saya akan capek,, langsung saja berikut macam-macam button

1. .btn-default
2. .btn-primary
3. .btn-success
4. .btn-info
5. .btn-warning
6. .btn-danger
7. .btn-link

untuk scripnya bisa di lihat di bawah 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>

untuk ukuran button sendiri , bootstrap punya 4 ukuran , yaitu

1. .btn-lg untuk extra large / besar
2. .btn-md untuk medium
3. .btn-sm untuk small
4. .btn-xs untuk extra small

cara pakai nya cuma di tambahi di belakang class , lihat contoh berikut

<button type="button" class="btn btn-default btn-lg">Default</button>

oh ya, jangan lupa ya,,, button itu berada di dalam div class container ,, sekian dari saya, bila ada pertanyaan bisa bertanya di komentar atau di menu contack , terima kasih