|
Bootsrap haqida tushuncha
|
bet | 2/10 | Sana | 23.05.2024 | Hajmi | 3,01 Mb. | | #250793 |
Bog'liq Web dasturlashga kirish fanidan mustaqil ish6Bootsrap haqida tushuncha.
1.2) Bootstrap – bu HTML, CSS va JavaScript’dan foydalangan holda veb-saytlarni tez va oson yaratishga yordam beradigan eng mashhur ochiq manba front-end ramkalardan biridir. Quyida Bootstrap haqida asosiy ma'lumotlar keltirilgan:
Bootstrap nima?
Bootstrap – bu responsive (moslashuvchan) veb-saytlarni yaratish uchun foydalaniladigan ramka bo'lib, u Twitter kompaniyasi tomonidan ishlab chiqilgan. Bootstrap foydalanish orqali siz turli xil ekran o'lchamlariga moslashuvchi veb-sahifalar yaratishingiz mumkin.
Bootstrapning afzalliklari
Responsive dizayn: Bootstrap yordamida yaratilgan saytlar barcha qurilmalarda, jumladan, kompyuterlar, planshetlar va smartfonlarda yaxshi ko'rinadi.
Tez va oson foydalanish: Bootstrap’da ko'plab oldindan tayyorlangan komponentlar va CSS klasslari mavjud, shuning uchun kod yozish vaqti qisqaradi.
Moslashuvchanlik: Bootstrap CSS, SASS va Less bilan ishlaydi, shuning uchun siz o'zingizga mos ravishda uni sozlashingiz mumkin.
Kengaytiriladigan: Bootstrap JavaScript komponentlari jQuery yordamida kengaytirilgan va oson sozlanadi.
Keng jamoatchilik: Bootstrap foydalanuvchilari uchun katta qo'llab-quvvatlash hamjamiyati mavjud, shuning uchun yordam olish oson.
Bootstrap tuzilishi
Bootstrapning asosiy tarkibiy qismlari quyidagilardan iborat:
CSS fayllari: Bu fayllar veb-saytning ko'rinishini boshqaradi. Ular tizim bo'ylab bir xil uslub va dizayn elementlarini ta’minlaydi.
JavaScript fayllari: Bu fayllar dinamik komponentlarni boshqaradi, masalan, modal oynalar, slayderlar va boshqalar.
Componentlar: Bootstrapda oldindan tayyorlangan komponentlar mavjud, masalan, navorlar, tugmalar, shakllar, kartalar va boshqalar.
Grid tizimi: Bu tizim veb-sahifalarni bo'limlarga bo'lish va ularni bir-biriga moslashtirish uchun ishlatiladi. 12 ta ustunga asoslangan tizimdir.
Bootstrapni qanday ishlatish kerak?
Bootstrapdan foydalanishni boshlash uchun quyidagi bosqichlarni bajaring:
Bootstrapni yuklab olish: Bootstrapni rasmiy veb-saytidan yuklab olishingiz mumkin yoki CDN orqali ulashing.
HTML fayliga Bootstrapni ulash: Bootstrap CSS va JS fayllarini HTML fayliga quyidagicha ulashing:
II.Nazariy qism
|
| |