Tutorial Bootstrap Part 10 : Button Group
Oke pada kesempatan kali ini rekayasaternaklele akan membahas tentang Button Group pada Bootstrap
Judul
Tutorial Bootstrap Part 10 : Button Group
Pengertian
Menurut Wikipedia, Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website
yang dapat mempercepat pekerjaan seorang pengembang website ataupun
pendesain halaman website. Sesuai namanya, website yang dibuat dengan
alat bantu ini memiliki tampilan halaman yang sama / mirip dengan
tampilan halaman Twitter atau desainer juga dapat mengubah tampilan
halaman website sesuai dengan kebutuhan.
Latar Belakang
Mencari
kemudahan dalam membuat front-end website yang cepat,responsive dan
praktis sehingga kita tidak perlu menulis kode CSS dari nol.
Maksud dan Tujuan
Memahami dan bisa menggunakan Bootsrap sehingga pengembangan fron end website lebih efektif dan efisien.
Alat dan Bahan
Text Editor dan PC
Jangka Waktu
1 Jam
Pembahasan
Button-group digunakan untuk membuat kelompok button atau tombol yag bergandengan. Gunakan
<div>elemen dengan class .btn-groupuntuk membuat button-group.
Contoh :
Atur Ukuran Button
Untuk mengubah ukuran tombol kita bisa mengguakan class "btn-group-lg|sm|xs" untuk menagtur ukuran tombol.
Contoh :
Vertikal Button Group
Untuk membuat button group vertikal, gunakan class "btn-group-vertical".
Contoh :
Dropdown Vertical Button Group
Kesimpulan
Referensi
https://www.w3schools.com/bootstrap4/bootstrap_button_groups.asp
Dengan Bootsrap 4 kita bisa mengatur style button group dengan lebih mudah dan praktis seperti saat membuat dropdown dll.
Referensi
0 Response to "Tutorial Bootstrap Part 10 : Button Group"
Post a Comment