BOOTSTRAP [FRAMEWORK] Part 2 | Membuat Tombol (Button) dengan Bootstrap

Selamat malam kawan,

Kali ini saya akan melanjutkan tutorial tentang penggunaan Bootstrap, ya kali ini saya akan membahas tentang Button pada framework bootstrap. Bootstrap juga mendesign tombol, dan cara membuat tombol dengan bootstrap ini sangat mudah, anda hanya tinggal menambahkan class "btn" untuk mendefinisikan element tersebut menjadi tombol dan anda dapat mengatur ukuran dan warna tombol yang anda inginkan. Untuk style tombol atau button pada bootstrap ada beberapa diantaranya seperti berikut :

Diata merupakan tombol pada bootstrap, untuk membuatnya bootstrap menyediakan beberapa class yang kita gunakan untuk membuat atau menciptakan bentuk tombol seperti pada gambar diatas. Berikut cara penulisannya tetapi sebelumnya kita mengetahui terlebih dahulu definisi setiap classnya.

Syntax Class	Fungsi
.btn	Class bootstrap untuk yang bisa digunakan untuk membuat tombol.
.btn-xs	Class bootstrap untuk membuat tombol dengan ukuran yang sangat kecil.
.btn-sm	Class bootstrap untuk membuat tombol dengan ukuran kecil.
.btn-md	Class bootstrap untuk membuat tombol dengan ukuran sedang.
.btn-lg	Class bootstrap untuk membuat tombol dengan ukuran besar.
.btn-default	Class bootstrap untuk membuat tombol dengan warna standar bootstrap yaitu putih.
.btn-warning	Class bootstrap untuk membuat tombol dengan berwarna kuning.
.btn-primary	Class bootstrap untuk membuat tombol dengan berwarna biru.
.btn-info	Class bootstrap untuk membuat tombol dengan berwarna biru langit.
.btn-success	Class bootstrap untuk membuat tombol dengan berwarna hijau.

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