Mavzu: Bootstrab 5 dasturi bilan ishlash va unda web saxifalar tayyorlash

My First Bootstrap Page

This is some text.

XXL to'xtash nuqtasi (≥1400px) Bootstrap 5-da yangi , Bootstrap 4-dagi eng katta to'xtash nuqtasi juda katta (≥1200px).

Suyuqlik idishi

To'liq kenglikdagi konteyner yaratish uchun sinfdan foydalaning .container-fluid, u har doim ekranning butun kengligini qamrab oladi ( widthhar doim 100%):

Misol

My First Bootstrap Page

This is some text.

Konteynerni to'ldirish

Odatiy bo'lib, konteynerlar chap va o'ng to'ldirishga ega, yuqori yoki pastki to'ldirishsiz. Shuning uchun, biz ko'pincha oraliq yordamchi dasturlardan foydalanamiz , masalan, qo'shimcha to'ldirish va chetlari ularni yanada yaxshi ko'rsatish uchun. Masalan, .pt-5"katta ustki qoplamani qo'shish" degan ma'noni anglatadi :

Misol

Konteyner chegarasi va rangi

Chegaralar va ranglar kabi boshqa yordamchi dasturlar ham konteynerlar bilan birgalikda ishlatiladi:

Misol

Ranglar va chegara yordam dasturlari haqida keyingi bobda ko'proq bilib olasiz.

Javob beruvchi konteynerlar

.container-sm|md|lg|xlKonteyner qachon javob berishi kerakligini aniqlash uchun sinflardan ham foydalanishingiz mumkin .
Konteyner max-widthturli ekran o'lchamlari/ko'rish oynalarida o'zgaradi:

Sinf