12-ma’ruza. Bootstrap freymvork texnologiyasi. Bazaviy shablonlarni sozlash

Bootstrap 5 birinchi navbatda mobil hisoblanadi
Bootstrap 5 mobil qurilmalarga javob berishga mo'ljallangan. Mobil-birinchi uslublar asosiy ramkaning bir qismidir.
To'g'ri renderlash va teginish kattalashtirishni ta'minlash uchun element ichiga quyidagi tegni qo'shing:

Bootstrap 5 konteynerlari
Bootstrap sayt mazmunini oʻrash uchun oʻz ichiga olgan elementni talab qiladi.
Konteynerlar ularning ichidagi tarkibni to'ldirish uchun ishlatiladi va ikkita konteyner sinfi mavjud:

1. 
   Sinf .containersezgir kenglikdagi konteynerni taqdim etadi
   
2. 
   Sinf ko'rish oynasining butun kengligini qamrab oluvchi to'liq kenglikdagi konteynerni.container-fluid taqdim etadi
   

Ruxsat etilgan konteyner
.containerTa'sirchan, belgilangan kenglikdagi konteyner yaratish uchun sinfdan foydalaning . E'tibor bering, uning kengligi ( max-width) turli ekran o'lchamlarida o'zgaradi:

Misol

My First Bootstrap Page

This is some text.

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	Juda kichik <576px	Kichik ≥576px	Oʻrtacha ≥768px