Bootstrap Example

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


http://fayllar.org