Tutorial Bootstrap Part 9 : Membuat Button di Bootstrap

Assalamu'alaikum W. W.

Abdul Hafid Gunawan - Hai sobat setia SC Blog masih bertemu lagi di Blogger yang selalu teman" nanti ini, Kali ini saya akan melanjutkan Tutorial Bootstrap Part 9 yaitu Membuat Button di Bootstrap.

PENGERTIAN

SleepingCodings - Button adalah sebuah tombol untuk di klik yang  di dalamnya di sisipkan sebuah link, yang mana akan mengarahkan kita ke link yang akan kita tuju setelah kita mengekliknya.

PEMBAHASAN

• CLASS BUTTON

Class Button ialah Class untuk memanggil Button di Bootstrap, yang secara bim salabim bisa mengubah default button menjadi button yang menarik untuk di klik. Contoh Penerapan :

• CLASS BUTTON : UKURAN & DISPLAY

Class Button bersubtema tambahan, Ukuran & Display merupakan Class Button tambahan untuk memanipulasi Ukuran serta Display dari sebuah Button tsb. Contoh Penerapan :

•  CLASS BUTTON : ACTIVE & DISABLED

Class Button yang satu ini sebenarnya sebuah atribut kalau di HTML, namun di dalam penggunaan Framework Bootstrap ini, Active & Disabled di jadikan sebuah Class, yang kegunaannya untuk membuat tombol yang Active ketika di Klik & membuat tombol yang passive / tidak aktif ketika di Klik ( seperti di matikan kegunaannya ). Contoh Penerapan :

Nah, dari semua Class Button di atas, coba temen" jadikan satu dalam satu file dengan format .html, yang lalu di jalankan di web browser, maka akan tampil seperti gambar di bawah ini :

CATATAN : " Jangan lupa untuk memanggil library Bootsrap & Jquery agar bisa memanggil class" yang terdapat di Bootstrap.

KESIMPULAN
Membuat Button di Bootstrap sangatlah mudah, yang perlu di perhatikan ialah kapan saat kita menggunakan Ukuran ini, Display ini dlsb, yang di mana Button tsb bisa Responsive di segala Perangkat.

REFERENSI
- http://localhost/w3/www.w3schools.com/bootstrap4/bootstrap_buttons.html