Mavzu: Bootstrap freymvork texnologiyasi. Bazaviy shablonlarni sozlash. Komponentlar

MAVZU:Bootstrap freymvork texnologiyasi. Bazaviy shablonlarni sozlash. Komponentlar.

Maruzachilar : Raimqulov O’rol, Hojiyev Suhrob.

Reja:

• Bootstrap freymvork texnologiyasi.
• Freym-vorkni ulash, bazaviy shablonlarni sozlash.
• Bootstrap freymvorkda tugmalar, ro‘yxatlar, navigasiya menyulari, formalar bilan ishlash.

Bootstrap nima !

• Bootstrap veb-saytni tez va oson yaratish uchun bepul old qismdir.
• Bootstrap HTML va CSS-ga asoslangan tipografiya, formalar, tugmalar, jadvallar, navigatsiya, modallar, rasm karusellari va boshqa ko'p narsalar uchun, shuningdek ixtiyoriy JavaScript plaginlarini o'z ichiga oladi.
• Bootstrap sizga osongina moslashuvchan(responsive) dizaynni yaratish qobiliyatini beradi.

moslashuvchan(responsive ) veb-dizayn nima?

• moslashuvchan(responsive ) - bu kichik telefonlardan tortib katta ish stollariga qadar o'zlarini barcha qurilmalarda yaxshi ko'rinishga sozlaydigan veb-saytlar yaratish.

Bootstrapni nima uchun ishlatish kerak, Bootstrapning afzalliklari…

1) Foydalanish oson: HTML va CSS haqida oddiy ma'lumotga ega bo'lgan har kim Bootstrap-dan foydalanishni boshlashi mumkin.

2) moslashuvchan(responsive) xususiyatlar: Bootstrapning moslashuvchanlik xususiyati telefonlar, planshetlar va kompyuterlar uchun umumiy dastur kodi.

3)Brauzer bilan mosligi: Bootstrap 4 barcha zamonaviy brauzerlarga mos keladi (Chrome, Firefox, Internet Explorer 10+, Edge, Safari va Opera).

Bootstrapdan foydalanishning ikki xil usuli.

Ikkinchi usul: Internet manzili orqali foydalanish.

crossorigin="anonymous">

Birinchi usul: Bootstrap fileni yullab olish orqali.

Agar siz Bootstrapni o'zingiz yuklab olishni va o'tkazishni xohlasangiz, https://getbootstrap.com/.

Bootstrap file bilan ishlash.

• .col
• .col
• .col
• 
  
  
  
  
  

  
  
  

  .col

  
  
  

  .col

  
  
  

  .col

  
  
  

  
  
  
  
  
  
  
  
  

  Basic List Group

  
  
  

  
  
  
  • First item
  
  
  
  • Second item
  
  
  
  • Third item