Bootstrap 5 TutorialLesson 3Preview gratis
BS5 Containers
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Container adalah elemen pembungkus utama Bootstrap yang menyediakan padding dan memusatkan konten sesuai breakpoint tertentu. Ada tiga jenis: .container dengan lebar tetap per breakpoint, .container-fluid yang selalu selebar viewport, dan .container-{breakpoint} yang lebar penuh sampai breakpoint tercapai. Padding horizontal container dibuat sama dengan kolom agar konten sejajar dengan grid.
Poin kunci
- .container memberi lebar maksimal berbeda pada tiap breakpoint.
- .container-fluid selalu selebar 100% viewport.
- .container-{breakpoint} lebar 100% sampai breakpoint tersebut tercapai lalu berhenti pada lebar tetap.
- Container menjadi wadah .row untuk menampung kolom.
- Padding kiri-kanan container disamakan dengan kolom grid agar sejajar.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.