Bootstrap 5 TutorialLesson 31Preview gratis
BS5 Utilities
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Bootstrap 5 menyediakan kelas utilitas siap pakai untuk kebutuhan umum seperti jarak (.m-* dan .p-*), tampilan (.d-none), teks (.fw-bold), dan warna (.bg-*). Utilitas dapat digabungkan dengan breakpoint responsif, misalnya .d-none.d-md-block agar elemen tampil hanya di layar sedang ke atas. Pendekatan ini mengurangi penulisan CSS manual.
Poin kunci
- Utilitas jarak: .m-* (margin) dan .p-* (padding) dengan skala 0 sampai 5.
- Arah tersedia: .mt-, .mb-, .ms-, .me-, .mx-, .my-.
- .d-none menyembunyikan elemen; .d-block atau .d-flex menampilkannya.
- Responsif: tambahkan breakpoint seperti .d-none.d-lg-block.
- .fw-bold dan .fw-light mengatur ketebalan; .fst-italic mengatur miring.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.