Bootstrap 5 TutorialLesson 13Preview gratis
BS5 Button Groups
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
.btn-group menggabungkan beberapa tombol dalam satu baris rapat tanpa jarak di antaranya, biasanya dipakai untuk toolbar aksi atau pilihan alternatif. Bedakan dengan .btn-toolbar yang membungkus beberapa .btn-group untuk mengatur jarak secara berkala. Untuk tombol yang memanjang vertikal gunakan .btn-group-vertical.
Poin kunci
- .btn-group merapikan tombol berdempetan dalam satu baris.
- .btn-group-vertical membuat tombol bertumpuk vertikal.
- .btn-toolbar membungkus beberapa .btn-group dengan jarak antar grup.
- .btn-group-lg dan .btn-group-sm mengatur ukuran seluruh grup.
- Tombol toggle diaktifkan dengan data-bs-toggle="button".
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.