Ahirnya setelah cari cana sini nemu juga settingan yang menutut saya pas untuk layar 1440 atau lebar website container 1280 mengunakan Bootstrap 5 dan gutter antara kolom adalah 16 piksel, kita dapat menghitung ukuran kolom dengan membagi sisa lebar setelah mengurangi gutter dari lebar container oleh jumlah kolom.
Berikut adalah contoh pengaturan ukuran kolom dalam ukuran piksel untuk lebar container 1280 piksel dan gutter 16 piksel:
- Dalam Bootstrap 5, sistem grid menggunakan 12 kolom.
- Jumlah lebar gutter yang akan diisi dalam satu baris adalah 11 gutter * 16 piksel = 176 piksel.
- Sisa lebar setelah mengurangi gutter dari lebar container: 1280 piksel – 176 piksel = 1104 piksel.
- Bagi sisa lebar dengan jumlah kolom untuk mendapatkan ukuran kolom:
- 1104 piksel / 12 kolom = 92 piksel per kolom
Jadi, dalam contoh ini, untuk lebar container 1280 piksel dengan gutter 16 piksel, ukuran kolom yang sesuai adalah 92 piksel.
Pastikan untuk mengatur ruang antara kolom (gutter) dengan lebar 16 piksel dan mengatur posisi kolom dengan benar dalam Bootstrap 5 untuk mencapai tata letak yang diinginkan pada lebar container 1280 piksel.