Bootstrap 5 TutorialLesson 4Preview gratis
BS5 Grid Basic
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Bootstrap memakai sistem grid 12 kolom yang fleksibel dengan kombinasi .row dan .col. Setiap baris menjadi wadah kolom-kolomnya, sedangkan lebar kolom ditentukan jumlah kolom yang diminta dari total 12. Jika jumlah kolom tidak membagi 12 rata, sisa ruang dibagi secara proporsional.
Poin kunci
- Grid Bootstrap terdiri dari 12 kolom per baris.
- .row adalah pembungkus kolom dan .col menentukan lebar.
- Class kolom diberi angka 1 sampai 12 sebagai bagian dari 12.
- Kolom tanpa angka seperti .col membagi ruang tersisa secara merata.
- Selalu gunakan .row sebagai wadah kolom agar spasi konsisten.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.