Bootstrap grid tizimida qurilish bilan tanishish uchun asosiy tarmoq sxemalari.
Ushbu misollarda .themed-grid-col
sinf mavzuni qo'shish uchun ustunlarga qo'shiladi. Bu sukut bo'yicha Bootstrap-da mavjud bo'lgan sinf emas.
Bootstrap grid tizimida besh daraja mavjud, biz qo'llab-quvvatlaydigan har bir qurilmalar uchun bittadan. Har bir daraja minimal ko'rish maydoni o'lchamidan boshlanadi va agar bekor qilinmasa, avtomatik ravishda kattaroq qurilmalarga qo'llaniladi.
Ish stollaridan boshlab va katta ish stollariga masshtablashadigan uchta teng kenglikdagi ustunlarni oling . Mobil qurilmalarda, planshetlarda va undan pastda ustunlar avtomatik ravishda yig'iladi.
Ish stollaridan boshlab va har xil kenglikdagi katta ish stollariga o'tkazadigan uchta ustunni oling . Esingizda bo'lsin, panjara ustunlari bitta gorizontal blok uchun o'n ikkitagacha qo'shilishi kerak. Bundan tashqari, ko'rish oynasidan qat'i nazar, ustunlar stackinglashni boshlaydi.
Ish stollaridan boshlab va katta ish stollariga o'lchovli ikkita ustunni oling .
To'liq kenglikdagi elementlar uchun panjara sinflari kerak emas.
Hujjatlarga ko'ra, joylashtirish oson - mavjud ustunga bir qator ustunlar qo'ying. Bu sizga ikkita ustunni ish stollaridan boshlab va katta ish stollariga o'tkazish imkonini beradi , kattaroq ustun ichida yana ikkitasi (teng kenglik).
Mobil qurilma oʻlchamlarida, planshetlar va pastda, bu ustunlar va ularning ichki ustunlari yigʻiladi.
Bootstrap v4 grid tizimi beshta sinfga ega: xs (qo'shimcha kichik), sm (kichik), md (o'rta), lg (katta) va xl (juda katta). Ko'proq dinamik va moslashuvchan tartiblarni yaratish uchun ushbu sinflarning deyarli har qanday kombinatsiyasidan foydalanishingiz mumkin.
Sinflarning har bir darajasi kattalashadi, ya'ni agar siz xs va sm uchun bir xil kengliklarni o'rnatishni rejalashtirmoqchi bo'lsangiz, faqat xs ni belgilashingiz kerak.