Button Bootstrap

Fungsi dari Tombol Button atau Submit

Tombol Button berfungsi untuk memproses form. Selain Button, tombol bisa di buat dengan tag HTML lainnya sepert <input text=”submit”>, <input text=”reset”>.

Cara membuat Button Bootstrap

Bootstrap telah membuat class – class untuk tampilan tombol dengan sudut tumpul dan beberapa pilihan gaya pada tombol, yang dirangkum dalam tabel berikut:

Class

Penjelasan

btn	Standar button
btn-primary	Memberikan warna biru di button
btn-success	Memberikan warna hijau di button
btn-info	Memberikan warna biru muda di button
btn-warning	Memberikan warna kuning di button
btn-default	Button standar berwarna putih
btn-link	Terlihat seperti link

Ukuran button

Bootstrap pun membuat class – class untuk ukuran button, seperti yang tertera pada tabel berikut :

Class	Penjelasan
btn-lg	Membuat ukuran tombol besar.
btn-sm	Membuat ukuran tombol kecil.
btn-xs	Membuat ukuran tombol sangat kecil.
btn-block	Membuat ukuran tombol mengikuti lebar parent-nya.

Class ukuran dan class warna dapat dipadukan atau dengan kata lain class – class dapat di gunakan secara bersamaan. Selamat mencoba dan berkreasi.

See the Pen Button Bootstrap by yoris (@yoris) on CodePen.