Bootstrap 5 TutorialLesson 12Preview gratis
BS5 Buttons
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Bootstrap mempercantik tombol lewat kelas .btn dipadukan warna seperti .btn-primary atau .btn-outline-secondary. Ukuran tombol diatur dengan .btn-lg dan .btn-sm, sedangkan untuk selebar penuh gunakan utilitas .w-100. Varian outline membuat tombol berlatar transparan dengan border berwarna.
Poin kunci
- .btn adalah kelas dasar semua tombol Bootstrap.
- Varian isi: .btn-primary, .btn-success, .btn-danger, dan lainnya.
- Varian outline: .btn-outline-* dengan latar transparan dan border berwarna.
- Ukuran: .btn-lg dan .btn-sm; lebar penuh memakai .w-100.
- Tombol aktif memakai class .active, nonaktif memakai atribut disabled.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.