Bootstrap 4 Sahifa

Abdunazarov O`rol

Bootstrapni nima uchun ishlatishimiz kerak?

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 :

;
;
;
;

Mening birinchi Bootstrap sahifam

Hey salom Men Bootstrapni Uzbekcoders jamoasida o'rganmoqdaman. Sen ham o'z imkoniyatingni qo'ldan boy berman !