Nima uchun bootstrap salbiy chegaralardan foydalanadi?
Nima uchun bootstrap salbiy chegaralardan foydalanadi?

Video: Nima uchun bootstrap salbiy chegaralardan foydalanadi?

Video: Nima uchun bootstrap salbiy chegaralardan foydalanadi?
Video: Muhim! O'z-o'zini davolash - Xudo tanani kasallik va azob-uqubatlar uchun yaratmagan - 3D matritsani 2024, Dekabr
Anonim

Qatorlarda a bor salbiy chap, o'ng marja -15px. 15px bo'lgan konteyner to'ldirishi bunga qarshi turish uchun ishlatiladi salbiy chegaralar Qatorning. Bu tarkibni tartibning chetlarida bir tekisda ushlab turish uchun kerak. Agar siz Konteynerga Qator qo'ymasangiz, Qator uning konteyneridan to'lib toshib ketadi, bu esa kiruvchi gorizontal aylantirishga olib keladi.

Shu munosabat bilan, nima uchun bootstrap qatori salbiy chegaraga ega?

Umuman panjara tizimlar, har bir ustun o'rtasida oluklar mavjud. ba'zilari sifatida o'sha ustunlar bo'yicha oxirgi sinf panjara tizimlar qiladi, ular o'rniga. qator ega bo'lish sinfi salbiy chegaralar ustunlar to'plamiga mos keladigan. Bu birinchi va oxirgi ustunlardan oluklarni "tortib oladi", shu bilan birga uni yanada kengroq qiladi.

Bundan tashqari, 4-bootstrap-da div-ni qanday markazlashtiraman? 1 - Vertikal Markaz Avtomatik chekkalardan foydalanish Vertikal qilishning bir usuli markaz my-auto dan foydalanishdir. Bu bo'ladi markaz the element flexbox ichida idish (The Bootstrap 4 . qator displey: flex). Misol uchun, h-100 qatorni to'liq balandlikda qiladi va my-auto vertikal bo'ladi markaz col-sm-12 ustuni.

Keyin bootstrap-da chekkalarni qanday o'rnatishim mumkin?

t - to'plamlar marja -yuqori yoki to'ldiruvchi-usti. b - to'plamlar marja -pastki yoki padding-pastki. l - to'plamlar marja -chap yoki to'ldirish-chap. r - to'plamlar marja -o'ng yoki to'ldirish-o'ng.

Ko'proq intervalli misollar.

.m-# / m-*-# har tomondan chekka Urunib ko'r
.mening-# / mening-*-# chegara yuqori va pastki Urunib ko'r
.p-# / p-*-# har tomondan plomba Urunib ko'r

Bootstrap to'xtash nuqtalari qanday?

Javobgar uzilish nuqtalari Bular uzilish nuqtalari Ular asosan minimal ko'rish maydoni kengligiga asoslanadi va ko'rish oynasi o'zgarganda elementlarni kattalashtirishga imkon beradi. Bootstrap birinchi navbatda quyidagi media so'rovlar diapazonlaridan foydalanadi-yoki uzilish nuqtalari -Sass-fayllarimizda bizning sxemamiz, tarmoq tizimimiz va komponentlarimiz uchun.

Tavsiya: