Reka letak grid asas untuk membiasakan anda membina dalam sistem grid Bootstrap.
Dalam contoh ini .themed-grid-colkelas ditambah pada lajur untuk menambah beberapa tema. Ini bukan kelas yang tersedia dalam Bootstrap secara lalai.
Terdapat lima peringkat kepada sistem grid Bootstrap, satu untuk setiap julat peranti yang kami sokong. Setiap peringkat bermula pada saiz port pandangan minimum dan digunakan secara automatik pada peranti yang lebih besar melainkan dibatalkan.
Dapatkan tiga lajur yang sama lebar bermula pada desktop dan skala ke desktop yang besar . Pada peranti mudah alih, tablet dan ke bawah, lajur akan disusun secara automatik.
Dapatkan tiga lajur bermula pada desktop dan skala ke desktop besar dengan pelbagai lebar. Ingat, lajur grid hendaklah menambah sehingga dua belas untuk satu blok mendatar. Lebih daripada itu, dan lajur mula disusun tidak kira port pandangan.
Dapatkan dua lajur bermula pada desktop dan skala ke desktop yang besar .
Tiada kelas grid diperlukan untuk elemen lebar penuh.
Mengikut dokumentasi, sarang adalah mudah—hanya letakkan baris lajur dalam lajur sedia ada. Ini memberi anda dua lajur bermula pada desktop dan menskalakan kepada desktop besar , dengan dua lagi (lebar yang sama) dalam lajur yang lebih besar.
Pada saiz peranti mudah alih, tablet dan ke bawah, lajur ini dan lajur bersarangnya akan bertindan.
Sistem grid Bootstrap v4 mempunyai lima peringkat kelas: xs (lebih kecil, infix kelas ini tidak digunakan), sm (kecil), md (sederhana), lg (besar) dan xl (lebih besar). Anda boleh menggunakan hampir mana-mana gabungan kelas ini untuk mencipta reka letak yang lebih dinamik dan fleksibel.
Setiap peringkat kelas meningkat, bermakna jika anda merancang untuk menetapkan lebar yang sama untuk md, lg dan xl, anda hanya perlu menentukan md.
Kelas tambahan yang ditambahkan dalam Bootstrap v4.4 membenarkan bekas yang 100% lebar sehingga titik putus tertentu.