Bootstrap 4 Sahifa



Download 17,59 Kb.
Sana28.04.2022
Hajmi17,59 Kb.
#589213
Bog'liq
Abdunazarov O


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 :




Bootstrap 4 Sahifa


;
;
;
;




Mening birinchi Bootstrap sahifam


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

Download 17,59 Kb.

Do'stlaringiz bilan baham:




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©www.hozir.org 2024
ma'muriyatiga murojaat qiling

kiriting | ro'yxatdan o'tish
    Bosh sahifa
юртда тантана
Боғда битган
Бугун юртда
Эшитганлар жилманглар
Эшитмадим деманглар
битган бодомлар
Yangiariq tumani
qitish marakazi
Raqamli texnologiyalar
ilishida muhokamadan
tasdiqqa tavsiya
tavsiya etilgan
iqtisodiyot kafedrasi
steiermarkischen landesregierung
asarlaringizni yuboring
o'zingizning asarlaringizni
Iltimos faqat
faqat o'zingizning
steierm rkischen
landesregierung fachabteilung
rkischen landesregierung
hamshira loyihasi
loyihasi mavsum
faolyatining oqibatlari
asosiy adabiyotlar
fakulteti ahborot
ahborot havfsizligi
havfsizligi kafedrasi
fanidan bo’yicha
fakulteti iqtisodiyot
boshqaruv fakulteti
chiqarishda boshqaruv
ishlab chiqarishda
iqtisodiyot fakultet
multiservis tarmoqlari
fanidan asosiy
Uzbek fanidan
mavzulari potok
asosidagi multiservis
'aliyyil a'ziym
billahil 'aliyyil
illaa billahil
quvvata illaa
falah' deganida
Kompyuter savodxonligi
bo’yicha mustaqil
'alal falah'
Hayya 'alal
'alas soloh
Hayya 'alas
mavsum boyicha


yuklab olish