Bootstrapning afzalliklari:
• Foydalanish oson: HTML va CSS haqida oddiy ma'lumotga ega bo'lgan har kim Bootstrap-dan foydalanishni boshlashi mumkin
• Xususiyatlari: Bootstrapning sezgir CSS kodi telefonlar, planshetlar va ish stollariga moslashadi
• Brauzer bilan mosligi: Bootstrap 4 barcha zamonaviy brauzerlarga mos keladi (Chrome, Firefox, Internet Explorer 10+, Edge, Safari va Opera).
Bootstrap 4-ni qayerdan olish kerak?
O'z veb-saytingizda Bootstrap 4-dan foydalanishni boshlashning ikkita usuli mavjud.
• CDN dan Bootstrap 4 ni qo'shish
• Bootstrap 4 ni saytdan dan yuklab olish
Birinchi usul : Bootstrap 4 ni CDN orqali ulash
Agar siz Bootstrap 4-ni o'zingiz yuklab olishni xohlamasangiz, uni CDN dan (tarkib etkazib berish tarmog'idan) olishingiz mumkin.
MaxCDN Bootstrapning CSS va JavaScript kodlarini CDN orqali qo'llab-quvvatlaydi. JQueryni ham o'z ichiga olishi kerak. Buning uchun qyuidagi shartlarni bajaring :
;
;
Eslatib o'taman, yuqoridagi kodlar, ... teglari orasida joylashishi lozim.
Ikkinchi usul : Bootstrap 4 ni yuklab olish
Agar siz Bootstrap 4-ni o'zingiz yuklab olishni va o'tkazishni xohlasangiz, https://getbootstrap.com/ saytiga o'ting va u yerdagi ko'rsatmalarga rioya qiling.
Bootstrap 4 yordamida birinchi veb sahifangizni yarating
1. HTML5 doctype qo'shing
Bootstrap 4 HTML elementlari va CSS xususiyatlaridan foydalanadi, bu esa HTML5 hujjat turini talab qiladi.
Har doim HTML5 doctype sahifaning boshida va lang atributi va to'g'ri belgilar to'plamini qo'shing:
2. Bootstrap 4 mobil qurilmalar uchun moslashuvchan hisoblanadi
Bootstrap 4 mobil qurilmalarga sezgir bo'lishga mo'ljallangan. Mobil-birinchi uslublar asosiy doiraning bir qismidir.
Tegishli tasvirlash va sensorli kattalashtirish uchun elementga quyidagi teg qo'shing :
Izoh uchun :
Ushbu width=device-widthqism sahifaning kengligini qurilmaning ekran kengligiga qarab o'rnatadi (bu qurilmaga qarab o'zgaradi).
Bo'lim initial-scale=1birinchi marta brauzer tomonidan yuklanganda, qism dastlabki kattalashtirish darajasini belgilaydi.
3. Containers
Bootstarp 4 da 2 xil konteyner mavjud , ular:
1 .container class bizga moslashuvchan kenglikdagi container ni taqdim etadi
2 .container-fluid bizga to'liq kenglikdagi container ni taqdim etadi
Mening birinchi Bootstrap sahifam :
Bootstrap 4 Sahifa
;
;
;
;
Mening birinchi Bootstrap sahifam
Hey salom Men Bootstrapni Uzbekcoders jamoasida o'rganmoqdaman. Sen ham o'z imkoniyatingni qo'ldan boy berman !