Ishi Bajardi: Qabul qildi: Mavzu

O’ZBEKISTON RESPUBLIKASI RAQAMLI TEXNOLOGIYALAR
VAZIRLIGI

MUHAMMAD AL-XORAZMIY NOMIDAGI TOSHKENT AXBOROT TEXNOLOGIYALARI UNIVERSITETI
QARSHI FILIALI


KOMPYUTER INJINIRINGI FAKULTETI
- GURUH TALABASINING

WEB DASTURLASH KIRISH
FANIDAN

4-Amaliy ishi

Bajardi:

Qabul qildi:


Mavzu: Bootstrap freymworkni ulash, bazaviy shablonlarni sozlash.
Bootstrap nima?

• 
  Bootstrap - bu tezroq va osonroq veb-ishlab chiqish uchun bepul front-end ramka
  
• 
  Bootstrap matbaa, shakllar, tugmalar, jadvallar, navigatsiya, modallar, tasvir karusellari va boshqa ko'plab, shuningdek, ixtiyoriy JavaScript plaginlari uchun HTML va CSS-ga asoslangan dizayn shablonlarini o'z ichiga oladi.
  
• 
  Bootstrap ham sizga sezgir dizaynlarni osongina yaratish imkoniyatini beradi
  

Responsive veb-dizayn nima?

Responsive veb-dizayn kichik telefonlardan tortib katta ish stollarigacha bo'lgan barcha qurilmalarda avtomatik tarzda yaxshi ko'rinishga moslashadigan veb-saytlarni yaratishdir.

Bootstrap versiyalari

Ushbu oʻquv qoʻllanma 2018-yilda chiqarilgan Bootstrap 4- dan keyin Bootstrap 3-ga yangilanish sifatida , yangi komponentlar, tezroq uslublar jadvali, koʻproq sezgirlik va h.k.
Bootstrap 5 (2021-yilda chiqarilgan) Bootstrap- ning eng yangi versiyasidir ; U barcha asosiy brauzerlar va platformalarning so'nggi, barqaror versiyalarini qo'llab-quvvatlaydi. Biroq, Internet Explorer 11 va undan past versiyalari qo'llab-quvvatlanmaydi.
Bootstrap 5 va Bootstrap 3 & 4 o'rtasidagi asosiy farq shundaki, Bootstrap 5 jQuery o'rniga JavaScript- ga o'tgan .
O'zingizning veb-saytingizda Bootstrap 4-dan foydalanishni ikki yo'l bilan boshlashingiz mumkin.

• 
  CDN-dan Bootstrap 4-ni qo'shing
  
• 
  Bootstrap 4-ni getbootstrap.com saytidan yuklab oling
  

Agar siz Bootstrap 4-ni o'zingiz yuklab olishni va joylashtirishni xohlamasangiz, uni CDN (Content Delivery Network) dan qo'shishingiz mumkin.

MaxCDN Bootstrap-ning CSS va JavaScript-ni CDN-ni qo'llab-quvvatlaydi. Shuningdek, jQuery-ni qo'shishingiz kerak:

Bootstrap 4 yuklab olinmoqda:

Agar siz Bootstrap 4-ni o'zingiz yuklab olishingiz va joylashtirishni istasangiz, https://getbootstrap.com/ saytiga o'ting va u yerdagi ko'rsatmalarga amal qiling.
Bootstrap 4 birinchi navbatda mobil hisoblanadi
Bootstrap 4 mobil qurilmalarga javob berish uchun yaratilgan. Mobil-birinchi uslublar asosiy ramkaning bir qismidir.
To'g'ri renderlash va teginish kattalashtirishni ta'minlash uchun element ichiga quyidagi tegni qo'shing :

width=device-widthQismi (qurilma qarab farq qiladi) qurilmaning ekrani-kengligi amal sahifaning kengligi belgilab beradi.
Ushbu initial-scale=1qism brauzer tomonidan sahifa birinchi marta yuklanganda boshlang'ich kattalashtirish darajasini o'rnatadi.
3. Konteynerlar
Bootstrap 4 shuningdek, sayt tarkibini o'rash uchun o'z ichiga olgan elementni talab qiladi.
Tanlash uchun ikkita konteyner sinfi mavjud:

1. 
   .container Sinf a javob beradi sobit kengligi konteyner
   
2. 
   .container-fluid Sinf beradi to'liq kengligi konteyner ochgan butun kengligi
   

1-Misol:

My First Bootstrap Page

This is some text.

2-Misol:

My First Bootstrap Page

This is some text.