Tutorial Cara Membuat Button dengan Bootstrap

Setiap berkaitan dengan web pasti ada tombol button.. agar tampilan menarik dan bagus / tidak usah koding lagi css nya saya sarankan memakai bootstrap. apa itu bootstrap ? kamu bisa lihat di artikel sebelumnya Pengertian Bootstrap

Oke langsung saja kita buat..
Untuk gaya button bootstrap ada beberapa diantara nya seperti :

• .btn-default = Putih
  
• .btn-primary  = Biru
  
• .btn-success = Hijau
  
• .btn-info = biru muda
  
• .btn-warning = oranye
  
• .btn-danger = Merah
  
• .btn-link
  

cara penulisan tag HTML seperti ini :

<button type="button" class="btn btn-primary btn-lg">Warna Biru</button>

untuk besar kecil nya button seperti gambar di atas kamu hanya perlu menambah kode btn-lg, btn-md,  btn-sm dan btn-xs

1. btn-lg = untuk ukuran besar button (large)
2. btn-md = untuk ukuran sedang button (medium)
3. btn-sm = untuk ukuran kecil button (small)
4. btn-xs = untuk ukuran sangat kecil button (XSmall)

penulisan seperti ini :

<button type="button" class="btn btn-primary btn-lg">Large</button>

<button type="button" class="btn btn-primary btn-md">Medium</button>

<button type="button" class="btn btn-primary btn-sm">Small</button>

<button type="button" class="btn btn-primary btn-xs">XSmall</button>

itu saja tulisan dari saya terima kasih sudah berkunjung