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.
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.
Bootstrap 4 flexbox bilan yaratilgan, ammo har bir element display
ham o'zgartirilmagan, display: flex
chunki bu ko'plab keraksiz bekor qilishlarni qo'shishi va brauzerning asosiy xatti-harakatlarini kutilmaganda o'zgartirishi mumkin. Aksariyat komponentlarimiz flexbox yoqilgan holda yaratilgan.
display: flex
Agar biror elementga qo'shish kerak bo'lsa , buni .d-flex
javob 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 display
qiymat kerak boʻladi.
Elementlar va komponentlar qanday joylashishi va o'lchamlarini boshqarish uchun margin
va padding
intervalli yordamchi dasturlardan foydalaning. 1rem
Bootstrap 4 standart qiymat $spacer
o'zgaruvchisiga asoslangan oraliq yordam dasturlari uchun besh darajali shkalani o'z ichiga oladi . Barcha ko'rish oynalari uchun qiymatlarni tanlang (masalan, .mr-3
uchun 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: 1rem
md
Oʻzgartirish display
kerak 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.