Mavzu: Bootstrab 5 dasturi bilan ishlash va unda web saxifalar tayyorlash
Oldingi bobdan bilib oldingizki, Bootstrap sayt mazmunini oʻrash uchun oʻz ichiga olgan elementni talab qiladi.
Konteynerlar ularning ichidagi tarkibni to'ldirish uchun ishlatiladi va ikkita konteyner klassi mavjud:
Sinf .container sezgir kenglikdagi konteynerni taqdim etadi
Sinf ko'rish oynasining butun kengligini qamrab oluvchi to'liq kenglikdagi konteynerni.container-fluid taqdim etadi
.idish
.idish-suyuqlik
.containerTa'sirchan, belgilangan kenglikdagi konteyner yaratish uchun sinfdan foydalaning .
E'tibor bering, uning kengligi ( max-width) turli ekran o'lchamlarida o'zgaradi:
|
Juda kichik
<576px
|
Kichik
≥576px
|
Oʻrtacha
≥768px
|
Katta
≥992px
|
Juda katta
≥1200px
|
XXL
≥1400px
|
maksimal kenglik
|
100%
|
540px
|
720px
|
960px
|
1140px
|
1320px
|
Quyidagi misolni oching va konteyner kengligi turli to'xtash nuqtalarida o'zgarishini ko'rish uchun brauzer oynasining o'lchamini o'zgartiring:
Misol
Do'stlaringiz bilan baham: |