Joylashtirish uchun yordamchi dasturlar

Tezroq mobil qurilmalarga mos va sezgir rivojlanish uchun Bootstrap kontentni ko'rsatish, yashirish, tekislash va bo'sh joy ajratish uchun o'nlab yordamchi dasturlarni o'z ichiga oladi.

O'zgartirishdisplay

Mulkning umumiy qiymatlarini sezgir tarzda almashtirish uchun displey yordamchi dasturlarimizdan foydalaning display. Muayyan ko'rish oynalarida ko'rsatish yoki yashirish uchun uni tarmoq tizimimiz, kontentimiz yoki komponentlarimiz bilan aralashtiring.

Flexbox imkoniyatlari

Bootstrap 4 flexbox bilan yaratilgan, ammo har bir element displayham o'zgartirilmagan, display: flexchunki bu ko'plab keraksiz bekor qilishlarni qo'shishi va brauzerning asosiy xatti-harakatlarini kutilmaganda o'zgartirishi mumkin. Aksariyat komponentlarimiz flexbox yoqilgan holda yaratilgan.

display: flexAgar biror elementga qo'shish kerak bo'lsa , buni .d-flexjavob beruvchi variantlardan biri bilan bajaring (masalan, .d-sm-flex). Oʻlcham , hizalama, oraliq va boshqalar uchun qoʻshimcha flexbox yordamchi dasturlarimizdan foydalanishga ruxsat berish uchun sizga ushbu sinf yoki displayqiymat kerak boʻladi.

Marja va to'ldirish

Elementlar va komponentlar qanday joylashishi va o'lchamlarini boshqarish uchun marginva padding intervalli yordamchi dasturlardan foydalaning. 1remBootstrap 4 standart qiymat $spacero'zgaruvchisiga asoslangan oraliq yordam dasturlari uchun besh darajali shkalani o'z ichiga oladi . Barcha ko'rish oynalari uchun qiymatlarni tanlang (masalan, .mr-3uchun margin-right: 1rem) yoki aniq ko'rish oynalarini nishonga olish uchun javob beruvchi variantlarni tanlang (masalan, to'xtash nuqtasidan boshlash uchun .mr-md-3) .margin-right: 1remmd

Oʻchirishvisibility

Oʻzgartirish displaykerak boʻlmasa, koʻrinish uchun yordamchi dasturlarimizvisibility yordamida elementni almashtirishingiz mumkin . Ko'rinmas elementlar hali ham sahifaning tartibiga ta'sir qiladi, lekin ular vizual ravishda tashrif buyuruvchilardan yashiriladi.