Bootstrap 4 da qanday oluklar yo'q?
Bootstrap 4 da qanday oluklar yo'q?

Video: Bootstrap 4 da qanday oluklar yo'q?

Video: Bootstrap 4 da qanday oluklar yo'q?
Video: Bootstrap | 4. Breakpoints va Containers 2024, May
Anonim

` dan foydalaning yo'q - oluklar ` ga olib tashlash masofa ( oluk ) ustunlar orasida. Bootstrap oraliq yaratish uchun to'ldirishdan foydalanadi (A. K. A oluk ”) ustunlar orasida. Agar siz ustunlarni xohlasangiz yo'q gorizontal masofa, Bootstrap 4 o'z ichiga oladi a yo'q - oluklar butun qatorga qo'llanilishi mumkin bo'lgan sinf.

Xo'sh, oluklar yo'q degani nimani anglatadi?

Oluklar yo'q The oluklar oldindan belgilangan panjara sinflarimizdagi ustunlar orasida mumkin bilan olib tashlanadi. yo'q - oluklar . Bu.satrdagi manfiy chekkalarni va barcha bevosita bolalar ustunlaridan gorizontal toʻldirishni olib tashlaydi.

Yuqoridagilardan tashqari, bootstrapdagi truba bo'shlig'ini qanday kamaytirishim mumkin? Yondashuv: sukut bo'yicha, Bootstrap 4 sinfga ega = yo'q- oluklar ” ga oluk bo'shliqlarini olib tashlang har qanday maxsus div. Quyidagi rasmda ta'kidlanganlar ko'rsatilgan oluk bo'shlig'i va bo'sh joy ustunlar orasida bootstrap 4 12 ustunli panjara tizimi. Siz hatto o'zgartirishingiz mumkin oluk kengligi kamaytirish 15px kengligi oluk bo'shlig'i har bir ustunlar orasida.

Shunday qilib, bootstrapdagi Col SM 4 nima?

kol - (qo'shimcha kichik qurilmalar - ekran kengligi 576px dan kam). kol - sm - (kichik qurilmalar - ekran kengligi 576 pikselga teng yoki undan katta)

Bootstrap 4 da divni qanday markazlashtiraman?

1 - Vertikal Markaz Avtomatik chekkalardan foydalanish Vertikal qilishning bir usuli markaz my-auto dan foydalanishdir. Bu bo'ladi markaz the element uning flexbox konteyneri ichida (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.

Tavsiya: